# カラーコード #28313f：くすんだ 暗い青

#28313f はRGBで rgb(40, 49, 63)、OKLCHで oklch(31.093% 0.02819 259.121) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/28313f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #28313f |
| RGB | rgb(40, 49, 63) |
| HSL | hsl(216.52, 22.33%, 20.2%) |
| HSB / HSV | hsv(216.52 36.51% 24.71%) |
| HWB | hwb(216.52 15.69% 75.29%) |
| CMYK | cmyk(37% 22% 0% 75%) |
| Lab | lab(19.94 -0.9 -10.2) |
| LCH | lch(19.94 10.24 264.97) |
| OKLab | oklab(31.093% -0.00532 -0.02768) |
| OKLCH | oklch(31.093% 0.02819 259.121) |
| Display P3 | color(display-p3 0.16372 0.1911 0.24229) |
| Rec. 2020 | color(rec2020 0.11189 0.12852 0.1799) |
| Adobe RGB | color(a98-rgb 0.18316 0.2052 0.25358) |
| ProPhoto RGB | color(prophoto-rgb 0.13816 0.14337 0.18291) |
| 線形sRGB | color(srgb-linear 0.02122 0.03071 0.04971) |
| XYZ D65 | color(xyz-d65 0.0287 0.03007 0.05132) |
| XYZ D50 | color(xyz-d50 0.02819 0.02975 0.03877) |
| SwiftUI | Color(red: 0.157, green: 0.192, blue: 0.247) |
| UIKit | UIColor(red: 0.157, green: 0.192, blue: 0.247, alpha: 1) |
| Flutter / Compose | Color(0xFF28313F) |
| Android XML | #28313F |

## 基本情報

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

## ティント

#28313f, #3a4350, #4e5562, #626974, #767d87, #8c919a, #a2a6ad, #b8bcc1, #cfd2d5, #e7e8ea

## シェード

#28313f, #212935, #1b222c, #151a23, #0f131b, #090c12, #04060a, #020304, #010101, #000000

## トーン

#28313f, #29313e, #2a313c, #2b313b, #2b3139, #2c3138, #2d3136, #2e3135, #2f3133, #303132

## カラーハーモニー

- 補色: #28313f, #382f20
- 分裂補色: #28313f, #3d2c24, #313221
- 類似色: #28313f, #21333c, #302e3e
- トライアド: #28313f, #3e2b2b, #293426
- テトラード: #28313f, #372c3a, #382f20, #293426
- スクエア: #28313f, #3c2b33, #382f20, #22352e
- モノクロマティック: #28313f, #020610, #0c1421, #475160, #687383

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

### #28313f は何色ですか？

#28313f はくすんだ 暗い青です。最も近い名前のある色はくすんだ 暗い青です。RGBでは rgb(40, 49, 63)、HSLでは hsl(216.52, 22.33%, 20.2%)、OKLCHでは oklch(31.093% 0.02819 259.121) です。

### #28313f に合う色は？

#28313f の補色は #382f20 です。落ち着いた組み合わせにするなら、類似色の #21333c と #302e3e を使いましょう。トライアドの組み合わせは #3e2b2b と #293426 です。

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

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

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

#28313f は寒色系の色です。OKLCHでは色相 259度、明度 31.1%、クロマ 0.028 です。