ColorTool
ログイン
#452F24

#452f24 ≈ Bistre

  • 茶
  • 明度: 低い
  • 彩度: 低め
  • 暖色
コントラストを確認 グラフで探索 ランダムな色

#452f24は茶系の色です（明度：低い、彩度：低め）。 RGBでは赤27.06%、緑18.43%、青14.12%で構成され、CMYK印刷ではシアン0%、マゼンタ31.88%、イエロー47.83%、ブラック72.94%を使います。 HSLでは色相角20°、彩度31.43%、明度20.59%です。 暖色で、信頼性、温もり、素朴さを連想させることが多い色です。 デザインでは主にカフェやコーヒーブランド、素朴でナチュラルなスタイル、高級ブランドに使われます。 この色の上に白の文字を置くとコントラスト比は12.46:1（WCAG AAA）です。 最も近い色名はBistre（#3d2b1f）で、ΔEは2.67です。

この色の測定値から自動生成した説明です。

HEX
RGB
RGB（%）
CMY
CMYK
HSL
HSV / HSB
Webセーフ#333333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2進数
10進数
相対輝度0.0343

補色

  1. #452f24
  2. #243a45

分裂補色

  1. #452f24
  2. #244540
  3. #242a45

類似色

  1. #45242a
  2. #452f24
  3. #454024

トライアド

  1. #452f24
  2. #24452f
  3. #2f2445

テトラード

  1. #452f24
  2. #3a4524
  3. #243a45
  4. #2f2445

スクエア

  1. #452f24
  2. #2a4524
  3. #243a45
  4. #402445

モノクロマティック

  1. #0d0907
  2. #130d0a
  3. #452f24
  4. #77513e
  5. #a97459

シェード

#452f24に黒を段階的に混ぜた色です。

  1. #452f24
  2. #3e2a20
  3. #37261d
  4. #302119
  5. #291c16
  6. #231812
  7. #1c130e
  8. #150e0b
  9. #0e0907
  10. #070504
  11. #000000

ティント

#452f24に白を段階的に混ぜた色です。

  1. #452f24
  2. #58443a
  3. #6a5950
  4. #7d6d66
  5. #8f827c
  6. #a29792
  7. #b5aca7
  8. #c7c1bd
  9. #dad5d3
  10. #eceae9
  11. #ffffff

トーン

#452f24にグレーを段階的に混ぜた色です。

  1. #452f24
  2. #4b372d
  3. #513f36
  4. #574740
  5. #5d4f49
  6. #635852
  7. #68605b
  8. #6e6864
  9. #74706e
  10. #7a7877
  11. #808080

読みやすい文字 12.46:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
読みやすい文字 1.69:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

1色覚（全色盲） #343434 男性の約0.003%
不完全1色覚 #3b322e 男性の約0.001%
1型2色覚（P型） #353123 男性の約1.01%
2型2色覚（D型） #3a3624 男性の約1.27%
3型2色覚（T型） #4a2b2c 男性の約0.0001%
1型3色覚（P型弱） #3c3024 男性の約1.08%
2型3色覚（D型弱） #3f3324 男性の約4.63%
3型3色覚（T型弱） #482d29 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-452f24 {
  color: #452f24;
}
背景色
.bg-452f24 {
  background-color: #452f24;
  color: #ffffff;
}
枠線
.border-452f24 {
  border: 2px solid #452f24;
}
CSS変数
:root {
  --color-primary: #452f24;
  --color-primary-rgb: 69 47 36;
  --color-primary-hsl: 20 31% 21%;
}
グラデーション
.gradient-452f24 {
  background: linear-gradient(135deg, #452f24, #454024);
}
色付きの影
.shadow-452f24 {
  box-shadow: 0 8px 24px rgb(69 47 36 / 0.35);
}

#3d2b1f Bistre ΔE 2.67 #483c32 Taupe ΔE 6.39 #592720 Caput Mortuum ΔE 9.81 #674c47 Liver ΔE 10.90 #635147 Umber ΔE 11.27 #6f4e37 Coffee ΔE 12.13 #343434 Jet ΔE 12.17 #bad0db 反転色 #343434 グレースケール 

Bistre
#452f24  rgb(69, 47, 36)  hsl(20, 31%, 21%)  Bistre
#243a45  rgb(36, 58, 69)  hsl(200, 31%, 21%)  Charcoal
#24452f  rgb(36, 69, 47)  hsl(140, 31%, 21%)  British Racing Green
#2f2445  rgb(47, 36, 69)  hsl(260, 31%, 21%)  Oxford Blue