# カラーコード #31473e：くすんだ 暗いエメラルド

#31473e はRGBで rgb(49, 71, 62)、OKLCHで oklch(37.649% 0.03157 167.436) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/31473e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #31473e |
| RGB | rgb(49, 71, 62) |
| HSL | hsl(155.45, 18.33%, 23.53%) |
| HSB / HSV | hsv(155.45 30.99% 27.84%) |
| HWB | hwb(155.45 19.22% 72.16%) |
| CMYK | cmyk(31% 0% 13% 72%) |
| Lab | lab(28.09 -10.64 2.53) |
| LCH | lch(28.09 10.94 166.63) |
| OKLab | oklab(37.649% -0.03081 0.00687) |
| OKLCH | oklch(37.649% 0.03157 167.436) |
| Display P3 | color(display-p3 0.21043 0.27606 0.24513) |
| Rec. 2020 | color(rec2020 0.16498 0.21206 0.18415) |
| Adobe RGB | color(a98-rgb 0.23116 0.2845 0.25325) |
| ProPhoto RGB | color(prophoto-rgb 0.17597 0.20837 0.18853) |
| 線形sRGB | color(srgb-linear 0.03071 0.06301 0.04817) |
| XYZ D65 | color(xyz-d65 0.04389 0.05507 0.05389) |
| XYZ D50 | color(xyz-d50 0.04455 0.05492 0.04094) |
| SwiftUI | Color(red: 0.192, green: 0.278, blue: 0.243) |
| UIKit | UIColor(red: 0.192, green: 0.278, blue: 0.243, alpha: 1) |
| Flutter / Compose | Color(0xFF31473E) |
| Android XML | #31473E |

## 基本情報

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

## ティント

#31473e, #43574f, #566861, #6a7a73, #7e8c86, #929e99, #a7b1ac, #bcc4c0, #d2d7d5, #e8ebea

## シェード

#31473e, #293d35, #22322b, #1a2823, #131f1a, #0c1612, #060d0a, #030604, #010201, #000000

## トーン

#31473e, #33463e, #35463f, #36453f, #38453f, #3a4440, #3b4440, #3d4340, #3e4341, #404241

## カラーハーモニー

- 補色: #31473e, #4e3b45
- 分裂補色: #31473e, #483c4d, #513b3b
- 類似色: #31473e, #394635, #2d4747
- トライアド: #31473e, #403f52, #503d33
- テトラード: #31473e, #2f454f, #4e3b45, #503d33
- スクエア: #31473e, #374252, #4e3b45, #4b3f2e
- モノクロマティック: #31473e, #000c06, #132820, #51685f, #748c81

## #31473e についてのよくある質問

### #31473e は何色ですか？

#31473e はくすんだ 暗いエメラルドです。最も近い名前のある色はくすんだ 暗いエメラルドです。RGBでは rgb(49, 71, 62)、HSLでは hsl(155.45, 18.33%, 23.53%)、OKLCHでは oklch(37.649% 0.03157 167.436) です。

### #31473e に合う色は？

#31473e の補色は #4e3b45 です。落ち着いた組み合わせにするなら、類似色の #394635 と #2d4747 を使いましょう。トライアドの組み合わせは #403f52 と #503d33 です。

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

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

### #31473e は暖色と寒色のどちらですか？

#31473e は寒色系の色です。OKLCHでは色相 167度、明度 37.6%、クロマ 0.032 です。