# カラーコード #1d4367：やわらかな 暗い青

#1d4367 はRGBで rgb(29, 67, 103)、OKLCHで oklch(37.383% 0.0757 249.457) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #1d4367 |
| RGB | rgb(29, 67, 103) |
| HSL | hsl(209.19, 56.06%, 25.88%) |
| HSB / HSV | hsv(209.19 71.84% 40.39%) |
| HWB | hwb(209.19 11.37% 59.61%) |
| CMYK | cmyk(72% 35% 0% 60%) |
| Lab | lab(27.07 -3.82 -25.52) |
| LCH | lch(27.07 25.81 261.49) |
| OKLab | oklab(37.383% -0.02656 -0.07089) |
| OKLCH | oklch(37.383% 0.0757 249.457) |
| Display P3 | color(display-p3 0.15201 0.25929 0.39264) |
| Rec. 2020 | color(rec2020 0.1345 0.1963 0.33445) |
| Adobe RGB | color(a98-rgb 0.1861 0.26993 0.39871) |
| ProPhoto RGB | color(prophoto-rgb 0.17657 0.19771 0.31385) |
| 線形sRGB | color(srgb-linear 0.01229 0.05613 0.13563) |
| XYZ D65 | color(xyz-d65 0.04962 0.05255 0.13585) |
| XYZ D50 | color(xyz-d50 0.04638 0.05119 0.10248) |
| SwiftUI | Color(red: 0.114, green: 0.263, blue: 0.404) |
| UIKit | UIColor(red: 0.114, green: 0.263, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFF1D4367) |
| Android XML | #1D4367 |

## 基本情報

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

## ティント

#1d4367, #335476, #486684, #5d7893, #738aa2, #899db1, #a0b0c1, #b7c3d0, #ced7e0, #e7ebef

## シェード

#1d4367, #183959, #132f4b, #0e263d, #091d30, #051423, #030c17, #01050c, #000104, #000000

## トーン

#1d4367, #224363, #264360, #2a435c, #2e4358, #314354, #354250, #38424d, #3b4249, #3e4145

## カラーハーモニー

- 補色: #1d4367, #5a3808
- 分裂補色: #1d4367, #623120, #4b4103
- 類似色: #1d4367, #00495c, #393b68
- トライアド: #1d4367, #622e38, #344819
- テトラード: #1d4367, #4d355f, #5a3808, #344819
- スクエア: #1d4367, #5b304e, #5a3808, #114d32
- モノクロマティック: #1d4367, #000625, #002345, #3e658b, #6088b0

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

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

#1d4367 はやわらかな 暗い青です。最も近い名前のある色はやわらかな 暗い青です。RGBでは rgb(29, 67, 103)、HSLでは hsl(209.19, 56.06%, 25.88%)、OKLCHでは oklch(37.383% 0.0757 249.457) です。

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

#1d4367 の補色は #5a3808 です。落ち着いた組み合わせにするなら、類似色の #00495c と #393b68 を使いましょう。トライアドの組み合わせは #622e38 と #344819 です。

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

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

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

#1d4367 は寒色系の色です。OKLCHでは色相 249度、明度 37.4%、クロマ 0.076 です。