# カラーコード #649fa4：スモーキーな シアン

#649fa4 はRGBで rgb(100, 159, 164)、OKLCHで oklch(66.402% 0.06184 202.634) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/649fa4

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #649fa4 |
| RGB | rgb(100, 159, 164) |
| HSL | hsl(184.69, 26.02%, 51.76%) |
| HSB / HSV | hsv(184.69 39.02% 64.31%) |
| HWB | hwb(184.69 39.22% 35.69%) |
| CMYK | cmyk(39% 3% 0% 36%) |
| Lab | lab(61.6 -19.02 -9.03) |
| LCH | lch(61.6 21.05 205.41) |
| OKLab | oklab(66.402% -0.05707 -0.0238) |
| OKLCH | oklch(66.402% 0.06184 202.634) |
| Display P3 | color(display-p3 0.44468 0.61756 0.63846) |
| Rec. 2020 | color(rec2020 0.44558 0.56986 0.59924) |
| Adobe RGB | color(a98-rgb 0.46983 0.61775 0.63647) |
| ProPhoto RGB | color(prophoto-rgb 0.44634 0.53634 0.57059) |
| 線形sRGB | color(srgb-linear 0.12744 0.3467 0.37124) |
| XYZ D65 | color(xyz-d65 0.24353 0.30185 0.39666) |
| XYZ D50 | color(xyz-d50 0.24222 0.29941 0.30053) |
| SwiftUI | Color(red: 0.392, green: 0.624, blue: 0.643) |
| UIKit | UIColor(red: 0.392, green: 0.624, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF649FA4) |
| Android XML | #649FA4 |

## 基本情報

- 最も近い色名: スモーキーな シアン
- 色相の系統: シアン, スモーキーな シアン
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.98:1
- 黒とのコントラスト: 7.04:1

## ティント

#649fa4, #74a8ad, #84b2b6, #93bbbf, #a2c5c8, #b2ced1, #c1d8da, #d0e2e3, #e0ebec, #eff5f6

## シェード

#649fa4, #568a8e, #487579, #3b6164, #2e4d50, #223b3d, #16292b, #0b181a, #03090a, #000101

## トーン

#649fa4, #6a9ea2, #6f9da1, #749c9f, #799b9d, #7e999c, #83989a, #879798, #8b9697, #8f9595

## カラーハーモニー

- 補色: #649fa4, #b78582
- 分裂補色: #649fa4, #b28497, #b28970
- 類似色: #649fa4, #6ba08f, #6d9ab3
- トライアド: #649fa4, #a687aa, #a69068
- テトラード: #649fa4, #7f94ba, #b78582, #a69068
- スクエア: #649fa4, #948db7, #b78582, #93986c
- モノクロマティック: #649fa4, #1a585d, #407b80, #89c5ca, #afecf1

## #649fa4 についてのよくある質問

### #649fa4 は何色ですか？

#649fa4 はスモーキーな シアンです。最も近い名前のある色はスモーキーな シアンです。RGBでは rgb(100, 159, 164)、HSLでは hsl(184.69, 26.02%, 51.76%)、OKLCHでは oklch(66.402% 0.06184 202.634) です。

### #649fa4 に合う色は？

#649fa4 の補色は #b78582 です。落ち着いた組み合わせにするなら、類似色の #6ba08f と #6d9ab3 を使いましょう。トライアドの組み合わせは #a687aa と #a69068 です。

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

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

### #649fa4 は暖色と寒色のどちらですか？

#649fa4 は寒色系の色です。OKLCHでは色相 203度、明度 66.4%、クロマ 0.062 です。