# カラーコード #4faab2：鮮やかな シアン

#4faab2 はRGBで rgb(79, 170, 178)、OKLCHで oklch(68.597% 0.08694 203.105) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4faab2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4faab2 |
| RGB | rgb(79, 170, 178) |
| HSL | hsl(184.85, 39.13%, 50.39%) |
| HSB / HSV | hsv(184.85 55.62% 69.8%) |
| HWB | hwb(184.85 30.98% 30.2%) |
| CMYK | cmyk(56% 4% 0% 30%) |
| Lab | lab(64.37 -26.48 -12.85) |
| LCH | lch(64.37 29.44 205.88) |
| OKLab | oklab(68.597% -0.07997 -0.03412) |
| OKLCH | oklch(68.597% 0.08694 203.105) |
| Display P3 | color(display-p3 0.40398 0.65856 0.69137) |
| Rec. 2020 | color(rec2020 0.43436 0.61203 0.65685) |
| Adobe RGB | color(a98-rgb 0.44728 0.66074 0.69088) |
| ProPhoto RGB | color(prophoto-rgb 0.44907 0.57675 0.62887) |
| 線形sRGB | color(srgb-linear 0.07819 0.40198 0.4452) |
| XYZ D65 | color(xyz-d65 0.25633 0.33625 0.4726) |
| XYZ D50 | color(xyz-d50 0.25262 0.33256 0.35803) |
| SwiftUI | Color(red: 0.31, green: 0.667, blue: 0.698) |
| UIKit | UIColor(red: 0.31, green: 0.667, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF4FAAB2) |
| Android XML | #4FAAB2 |

## 基本情報

- 最も近い色名: 鮮やかな シアン
- 色相の系統: シアン, 鮮やかな シアン
- 最も近いTailwindクラス: cyan-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.72:1
- 黒とのコントラスト: 7.73:1

## ティント

#4faab2, #64b2ba, #77bbc1, #89c3c9, #9accd0, #abd4d8, #bcdde0, #cde5e8, #deeeef, #eef6f7

## シェード

#4faab2, #44939a, #387d83, #2e686d, #235357, #193f43, #102d2f, #071b1d, #020b0c, #000101

## トーン

#4faab2, #5aa9b0, #63a7ad, #6ca6ab, #73a4a8, #7ba2a6, #82a1a4, #889fa1, #8e9d9f, #949c9c

## カラーハーモニー

- 補色: #4faab2, #cb8581
- 分裂補色: #4faab2, #c5849f, #c58b67
- 類似色: #4faab2, #5bac95, #60a3c7
- トライアド: #4faab2, #b488b9, #b49559
- テトラード: #4faab2, #7e9ad0, #cb8581, #b49559
- スクエア: #4faab2, #9c90cb, #cb8581, #9aa060
- モノクロマティック: #4faab2, #006269, #23858d, #77d0d9, #9ef8ff

## #4faab2 についてのよくある質問

### #4faab2 は何色ですか？

#4faab2 は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(79, 170, 178)、HSLでは hsl(184.85, 39.13%, 50.39%)、OKLCHでは oklch(68.597% 0.08694 203.105) です。

### #4faab2 に合う色は？

#4faab2 の補色は #cb8581 です。落ち着いた組み合わせにするなら、類似色の #5bac95 と #60a3c7 を使いましょう。トライアドの組み合わせは #b488b9 と #b49559 です。

### #4faab2 の上では白と黒のどちらの文字が読みやすいですか？

#4faab2 の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.72:1、黒は 7.73:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #4faab2 は暖色と寒色のどちらですか？

#4faab2 は寒色系の色です。OKLCHでは色相 203度、明度 68.6%、クロマ 0.087 です。