# カラーコード #1d6474：スモーキーな 暗い空色

#1d6474 はRGBで rgb(29, 100, 116)、OKLCHで oklch(46.749% 0.07229 216.136) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #1d6474 |
| RGB | rgb(29, 100, 116) |
| HSL | hsl(191.03, 60%, 28.43%) |
| HSB / HSV | hsv(191.03 75% 45.49%) |
| HWB | hwb(191.03 11.37% 54.51%) |
| CMYK | cmyk(75% 14% 0% 55%) |
| Lab | lab(38.67 -18.09 -15.74) |
| LCH | lch(38.67 23.98 221.02) |
| OKLab | oklab(46.749% -0.05839 -0.04263) |
| OKLCH | oklch(46.749% 0.07229 216.136) |
| Display P3 | color(display-p3 0.19879 0.38652 0.44729) |
| Rec. 2020 | color(rec2020 0.20414 0.32413 0.39309) |
| Adobe RGB | color(a98-rgb 0.24434 0.3919 0.44998) |
| ProPhoto RGB | color(prophoto-rgb 0.23385 0.30425 0.36918) |
| 線形sRGB | color(srgb-linear 0.01229 0.12744 0.17465) |
| XYZ D65 | color(xyz-d65 0.08216 0.10636 0.18144) |
| XYZ D50 | color(xyz-d50 0.07943 0.10468 0.13726) |
| SwiftUI | Color(red: 0.114, green: 0.392, blue: 0.455) |
| UIKit | UIColor(red: 0.114, green: 0.392, blue: 0.455, alpha: 1) |
| Flutter / Compose | Color(0xFF1D6474) |
| Android XML | #1D6474 |

## 基本情報

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

## ティント

#1d6474, #387381, #4f818f, #65909c, #7aa0aa, #90afb8, #a6bfc6, #bcced4, #d2dee2, #e8eff0

## シェード

#1d6474, #185664, #134854, #0e3b45, #092e37, #052229, #03161b, #010b0f, #000305, #000001

## トーン

#1d6474, #276371, #30626f, #37616c, #3d606a, #435f67, #485e65, #4d5d62, #515c5f, #565b5d

## カラーハーモニー

- 補色: #1d6474, #7d4b3d
- 分裂補色: #1d6474, #7c4854, #76522b
- 類似色: #1d6474, #1c6760, #365e80
- トライアド: #1d6474, #744a69, #665a26
- テトラード: #1d6474, #4f5683, #7d4b3d, #665a26
- スクエア: #1d6474, #644f7a, #7d4b3d, #506133
- モノクロマティック: #1d6474, #00222e, #004252, #458798, #6aacbe

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

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

#1d6474 はスモーキーな 暗い空色です。最も近い名前のある色はスモーキーな 暗い空色です。RGBでは rgb(29, 100, 116)、HSLでは hsl(191.03, 60%, 28.43%)、OKLCHでは oklch(46.749% 0.07229 216.136) です。

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

#1d6474 の補色は #7d4b3d です。落ち着いた組み合わせにするなら、類似色の #1c6760 と #365e80 を使いましょう。トライアドの組み合わせは #744a69 と #665a26 です。

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

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

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

#1d6474 は寒色系の色です。OKLCHでは色相 216度、明度 46.7%、クロマ 0.072 です。