# カラーコード #283d44：くすんだ 暗い空色

#283d44 はRGBで rgb(40, 61, 68)、OKLCHで oklch(34.534% 0.02918 220.696) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/283d44

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #283d44 |
| RGB | rgb(40, 61, 68) |
| HSL | hsl(195, 25.93%, 21.18%) |
| HSB / HSV | hsv(195 41.18% 26.67%) |
| HWB | hwb(195 15.69% 73.33%) |
| CMYK | cmyk(41% 10% 0% 73%) |
| Lab | lab(24.22 -7.03 -7.12) |
| LCH | lch(24.22 10 225.36) |
| OKLab | oklab(34.534% -0.02213 -0.01903) |
| OKLCH | oklch(34.534% 0.02918 220.696) |
| Display P3 | color(display-p3 0.17461 0.23698 0.26332) |
| Rec. 2020 | color(rec2020 0.13158 0.1731 0.20172) |
| Adobe RGB | color(a98-rgb 0.19824 0.24819 0.27257) |
| ProPhoto RGB | color(prophoto-rgb 0.15471 0.1774 0.20138) |
| 線形sRGB | color(srgb-linear 0.02122 0.04667 0.05781) |
| XYZ D65 | color(xyz-d65 0.03587 0.04206 0.06092) |
| XYZ D50 | color(xyz-d50 0.0355 0.04168 0.0461) |
| SwiftUI | Color(red: 0.157, green: 0.239, blue: 0.267) |
| UIKit | UIColor(red: 0.157, green: 0.239, blue: 0.267, alpha: 1) |
| Flutter / Compose | Color(0xFF283D44) |
| Android XML | #283D44 |

## 基本情報

- 最も近い色名: くすんだ 暗い空色
- 色相の系統: 空色, くすんだ 暗い空色
- 最も近いTailwindクラス: gray-700
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 11.41:1
- 黒とのコントラスト: 1.84:1

## ティント

#283d44, #3b4e55, #4e6066, #637278, #77858a, #8d989c, #a3acaf, #b9c0c3, #d0d5d6, #e7eaeb

## シェード

#283d44, #21343a, #1b2b30, #152226, #0f1a1d, #091214, #040a0c, #020405, #010102, #000000

## トーン

#283d44, #2a3d43, #2c3c42, #2e3c41, #303c40, #313b3f, #333b3e, #353a3c, #363a3b, #383a3a

## カラーハーモニー

- 補色: #283d44, #47342e
- 分裂補色: #283d44, #473336, #433729
- 類似色: #283d44, #273e3d, #2e3b48
- トライアド: #283d44, #44333e, #3d3a28
- テトラード: #283d44, #363848, #47342e, #3d3a28
- スクエア: #283d44, #3e3545, #47342e, #343d2d
- モノクロマティック: #283d44, #00080d, #0a1f25, #485e65, #698088

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

### #283d44 は何色ですか？

#283d44 はくすんだ 暗い空色です。最も近い名前のある色はくすんだ 暗い空色です。RGBでは rgb(40, 61, 68)、HSLでは hsl(195, 25.93%, 21.18%)、OKLCHでは oklch(34.534% 0.02918 220.696) です。

### #283d44 に合う色は？

#283d44 の補色は #47342e です。落ち着いた組み合わせにするなら、類似色の #273e3d と #2e3b48 を使いましょう。トライアドの組み合わせは #44333e と #3d3a28 です。

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

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

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

#283d44 は寒色系の色です。OKLCHでは色相 221度、明度 34.5%、クロマ 0.029 です。