# カラーコード #1d445a：やわらかな 暗い空色

#1d445a はRGBで rgb(29, 68, 90)、OKLCHで oklch(36.897% 0.05804 236.059) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/1d445a

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #1d445a |
| RGB | rgb(29, 68, 90) |
| HSL | hsl(201.64, 51.26%, 23.33%) |
| HSB / HSV | hsv(201.64 67.78% 35.29%) |
| HWB | hwb(201.64 11.37% 64.71%) |
| CMYK | cmyk(68% 24% 0% 65%) |
| Lab | lab(26.84 -8.39 -17.55) |
| LCH | lch(26.84 19.45 244.46) |
| OKLab | oklab(36.897% -0.03241 -0.04815) |
| OKLCH | oklch(36.897% 0.05804 236.059) |
| Display P3 | color(display-p3 0.15328 0.26314 0.34493) |
| Rec. 2020 | color(rec2020 0.13154 0.19915 0.28518) |
| Adobe RGB | color(a98-rgb 0.18773 0.27356 0.35165) |
| ProPhoto RGB | color(prophoto-rgb 0.16716 0.19877 0.27122) |
| 線形sRGB | color(srgb-linear 0.01229 0.05781 0.10224) |
| XYZ D65 | color(xyz-d65 0.04419 0.05133 0.10431) |
| XYZ D50 | color(xyz-d50 0.04225 0.05037 0.07879) |
| SwiftUI | Color(red: 0.114, green: 0.267, blue: 0.353) |
| UIKit | UIColor(red: 0.114, green: 0.267, blue: 0.353, alpha: 1) |
| Flutter / Compose | Color(0xFF1D445A) |
| Android XML | #1D445A |

## 基本情報

- 最も近い色名: やわらかな 暗い空色
- 色相の系統: 空色, やわらかな 暗い空色
- 最も近いTailwindクラス: slate-700
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 10.36:1
- 黒とのコントラスト: 2.03:1

## ティント

#1d445a, #335569, #486679, #5d7889, #738a99, #899daa, #a0b0ba, #b7c3cb, #cfd7dc, #e7ebed

## シェード

#1d445a, #183a4d, #133041, #0e2635, #091d29, #05141e, #030c13, #010509, #000203, #000000

## トーン

#1d445a, #224457, #264355, #2a4352, #2d4350, #31424d, #34424a, #374148, #3a4145, #3d4042

## カラーハーモニー

- 補色: #1d445a, #573720
- 分裂補色: #1d445a, #5a332f, #4d3d18
- 類似色: #1d445a, #0c484e, #313f5e
- トライアド: #1d445a, #583240, #3e431d
- テトラード: #1d445a, #42395b, #573720, #3e431d
- スクエア: #1d445a, #4f3450, #573720, #2a482d
- モノクロマティック: #1d445a, #000819, #002539, #3e657d, #6189a1

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

### #1d445a は何色ですか？

#1d445a はやわらかな 暗い空色です。最も近い名前のある色はやわらかな 暗い空色です。RGBでは rgb(29, 68, 90)、HSLでは hsl(201.64, 51.26%, 23.33%)、OKLCHでは oklch(36.897% 0.05804 236.059) です。

### #1d445a に合う色は？

#1d445a の補色は #573720 です。落ち着いた組み合わせにするなら、類似色の #0c484e と #313f5e を使いましょう。トライアドの組み合わせは #583240 と #3e431d です。

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

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

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

#1d445a は寒色系の色です。OKLCHでは色相 236度、明度 36.9%、クロマ 0.058 です。