# カラーコード #164875：深みのある 暗い青

#164875 はRGBで rgb(22, 72, 117)、OKLCHで oklch(39.295% 0.09259 249.599) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/164875

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #164875 |
| RGB | rgb(22, 72, 117) |
| HSL | hsl(208.42, 68.35%, 27.25%) |
| HSB / HSV | hsv(208.42 81.2% 45.88%) |
| HWB | hwb(208.42 8.63% 54.12%) |
| CMYK | cmyk(81% 38% 0% 54%) |
| Lab | lab(29.17 -3.49 -31.09) |
| LCH | lch(29.17 31.29 263.59) |
| OKLab | oklab(39.295% -0.03228 -0.08678) |
| OKLCH | oklch(39.295% 0.09259 249.599) |
| Display P3 | color(display-p3 0.1433 0.27823 0.44523) |
| Rec. 2020 | color(rec2020 0.14099 0.21563 0.38954) |
| Adobe RGB | color(a98-rgb 0.18412 0.28815 0.45061) |
| ProPhoto RGB | color(prophoto-rgb 0.19068 0.21413 0.36343) |
| 線形sRGB | color(srgb-linear 0.00802 0.0648 0.17789) |
| XYZ D65 | color(xyz-d65 0.05859 0.06089 0.17697) |
| XYZ D50 | color(xyz-d50 0.05391 0.05903 0.13343) |
| SwiftUI | Color(red: 0.086, green: 0.282, blue: 0.459) |
| UIKit | UIColor(red: 0.086, green: 0.282, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFF164875) |
| Android XML | #164875 |

## 基本情報

- 最も近い色名: 深みのある 暗い青
- 色相の系統: 青, 深みのある 暗い青
- 最も近いTailwindクラス: sky-900
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 9.47:1
- 黒とのコントラスト: 2.22:1

## ティント

#164875, #2f5983, #456b90, #5b7c9e, #718eac, #88a0ba, #9fb3c7, #b6c5d5, #ced8e3, #e6ecf1

## シェード

#164875, #123d65, #0d3355, #092946, #061f37, #031629, #020d1c, #01060f, #000205, #000001

## トーン

#164875, #1d4870, #23486c, #294867, #2e4863, #32485e, #374859, #3b4754, #3e4750, #42464b

## カラーハーモニー

- 補色: #164875, #653b00
- 分裂補色: #164875, #6e311c, #524600
- 類似色: #164875, #005067, #3d3f76
- トライアド: #164875, #6e2d3b, #354f11
- テトラード: #164875, #55366b, #653b00, #354f11
- スクエア: #164875, #653056, #653b00, #005434
- モノクロマティック: #164875, #00092c, #002752, #3a6a9a, #5d8ec0

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

### #164875 は何色ですか？

#164875 は深みのある 暗い青です。最も近い名前のある色は深みのある 暗い青です。RGBでは rgb(22, 72, 117)、HSLでは hsl(208.42, 68.35%, 27.25%)、OKLCHでは oklch(39.295% 0.09259 249.599) です。

### #164875 に合う色は？

#164875 の補色は #653b00 です。落ち着いた組み合わせにするなら、類似色の #005067 と #3d3f76 を使いましょう。トライアドの組み合わせは #6e2d3b と #354f11 です。

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

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

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

#164875 は寒色系の色です。OKLCHでは色相 250度、明度 39.3%、クロマ 0.093 です。