# カラーコード #2a313b：くすんだ 暗い青

#2a313b はRGBで rgb(42, 49, 59)、OKLCHで oklch(31.072% 0.02048 257.272) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/2a313b

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2a313b |
| RGB | rgb(42, 49, 59) |
| HSL | hsl(215.29, 16.83%, 19.8%) |
| HSB / HSV | hsv(215.29 28.81% 23.14%) |
| HWB | hwb(215.29 16.47% 76.86%) |
| CMYK | cmyk(29% 17% 0% 77%) |
| Lab | lab(19.97 -1.04 -7.42) |
| LCH | lch(19.97 7.49 262.05) |
| OKLab | oklab(31.072% -0.00451 -0.01998) |
| OKLCH | oklch(31.072% 0.02048 257.272) |
| Display P3 | color(display-p3 0.16993 0.19131 0.22781) |
| Rec. 2020 | color(rec2020 0.1154 0.12875 0.1654) |
| Adobe RGB | color(a98-rgb 0.18791 0.2052 0.23963) |
| ProPhoto RGB | color(prophoto-rgb 0.13866 0.14343 0.17152) |
| 線形sRGB | color(srgb-linear 0.02315 0.03071 0.04374) |
| XYZ D65 | color(xyz-d65 0.02842 0.03005 0.04568) |
| XYZ D50 | color(xyz-d50 0.02818 0.02982 0.03454) |
| SwiftUI | Color(red: 0.165, green: 0.192, blue: 0.231) |
| UIKit | UIColor(red: 0.165, green: 0.192, blue: 0.231, alpha: 1) |
| Flutter / Compose | Color(0xFF2A313B) |
| Android XML | #2A313B |

## 基本情報

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

## ティント

#2a313b, #3c434c, #4f555e, #636971, #787d84, #8d9197, #a3a6ab, #b9bcbf, #d0d2d4, #e7e8e9

## シェード

#2a313b, #232932, #1c2229, #161a21, #101319, #0a0c11, #050609, #020304, #010101, #000000

## トーン

#2a313b, #2b313a, #2b3139, #2c3138, #2d3137, #2d3136, #2e3135, #2f3134, #2f3133, #303031

## カラーハーモニー

- 補色: #2a313b, #362f25
- 分裂補色: #2a313b, #3a2e28, #313125
- 類似色: #2a313b, #263339, #302f3b
- トライアド: #2a313b, #3a2c2d, #2c3329
- テトラード: #2a313b, #352d37, #362f25, #2c3329
- スクエア: #2a313b, #392c32, #362f25, #27342e
- モノクロマティック: #2a313b, #03060d, #0e141d, #49515b, #6a727e

## #2a313b についてのよくある質問

### #2a313b は何色ですか？

#2a313b はくすんだ 暗い青です。最も近い名前のある色はくすんだ 暗い青です。RGBでは rgb(42, 49, 59)、HSLでは hsl(215.29, 16.83%, 19.8%)、OKLCHでは oklch(31.072% 0.02048 257.272) です。

### #2a313b に合う色は？

#2a313b の補色は #362f25 です。落ち着いた組み合わせにするなら、類似色の #263339 と #302f3b を使いましょう。トライアドの組み合わせは #3a2c2d と #2c3329 です。

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

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

### #2a313b は暖色と寒色のどちらですか？

#2a313b は寒色系の色です。OKLCHでは色相 257度、明度 31.1%、クロマ 0.02 です。