# カラーコード #445156：暗いグレー

#445156 はRGBで rgb(68, 81, 86)、OKLCHで oklch(42.55% 0.01843 223.042) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/445156

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #445156 |
| RGB | rgb(68, 81, 86) |
| HSL | hsl(196.67, 11.69%, 30.2%) |
| HSB / HSV | hsv(196.67 20.93% 33.73%) |
| HWB | hwb(196.67 26.67% 66.27%) |
| CMYK | cmyk(21% 6% 0% 66%) |
| Lab | lab(33.45 -4.38 -4.76) |
| LCH | lch(33.45 6.46 227.37) |
| OKLab | oklab(42.55% -0.01347 -0.01258) |
| OKLCH | oklch(42.55% 0.01843 223.042) |
| Display P3 | color(display-p3 0.27653 0.31611 0.33482) |
| Rec. 2020 | color(rec2020 0.22728 0.2549 0.27552) |
| Adobe RGB | color(a98-rgb 0.2881 0.32121 0.33896) |
| ProPhoto RGB | color(prophoto-rgb 0.22976 0.24612 0.26437) |
| 線形sRGB | color(srgb-linear 0.05781 0.08228 0.09306) |
| XYZ D65 | color(xyz-d65 0.07006 0.07786 0.09938) |
| XYZ D50 | color(xyz-d50 0.07021 0.07749 0.07525) |
| SwiftUI | Color(red: 0.267, green: 0.318, blue: 0.337) |
| UIKit | UIColor(red: 0.267, green: 0.318, blue: 0.337, alpha: 1) |
| Flutter / Compose | Color(0xFF445156) |
| Android XML | #445156 |

## 基本情報

- 最も近い色名: 暗いグレー
- 色相の系統: グレー, 暗いグレー
- 最も近いTailwindクラス: neutral-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 8.21:1
- 黒とのコントラスト: 2.56:1

## ティント

#445156, #556165, #667175, #788185, #8a9296, #9ca4a7, #afb5b8, #c3c7c9, #d7dadb, #ebeced

## シェード

#445156, #3a454a, #303a3e, #262f32, #1d2427, #141a1c, #0c1012, #050708, #020202, #000000

## トーン

#445156, #455155, #465155, #475054, #485053, #495052, #4a4f51, #4b4f51, #4c4f50, #4d4f4f

## カラーハーモニー

- 補色: #445156, #584c47
- 分裂補色: #445156, #584b4c, #554d44
- 類似色: #445156, #435251, #484f59
- トライアド: #445156, #564b51, #504f44
- テトラード: #445156, #4d4d59, #584c47, #504f44
- スクエア: #445156, #524c56, #584c47, #4b5147
- モノクロマティック: #445156, #091519, #253136, #657378, #88979c

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

### #445156 は何色ですか？

#445156 は暗いグレーです。最も近い名前のある色は暗いグレーです。RGBでは rgb(68, 81, 86)、HSLでは hsl(196.67, 11.69%, 30.2%)、OKLCHでは oklch(42.55% 0.01843 223.042) です。

### #445156 に合う色は？

#445156 の補色は #584c47 です。落ち着いた組み合わせにするなら、類似色の #435251 と #484f59 を使いましょう。トライアドの組み合わせは #564b51 と #504f44 です。

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

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

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

#445156 はニュートラルの色です。OKLCHでは色相 223度、明度 42.6%、クロマ 0.018 です。