ColorTool
ログイン
#BF4612

#bf4612 ≈ Mahogany

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

#bf4612は茶系の色です（明度：中程度、彩度：高め）。 RGBでは赤74.9%、緑27.45%、青7.06%で構成され、CMYK印刷ではシアン0%、マゼンタ63.35%、イエロー90.58%、ブラック25.1%を使います。 HSLでは色相角18.03°、彩度82.78%、明度40.98%です。 暖色で、信頼性、温もり、素朴さを連想させることが多い色です。 デザインでは主にカフェやコーヒーブランド、素朴でナチュラルなスタイル、CTAボタンに使われます。 この色の上に白の文字を置くとコントラスト比は5.12:1（WCAG AA）です。 最も近い色名はMahogany（#c04000）で、ΔEは1.6です。

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

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

補色

  1. #bf4612
  2. #128bbf

分裂補色

  1. #bf4612
  2. #12bf9c
  3. #1235bf

類似色

  1. #bf1235
  2. #bf4612
  3. #bf9c12

トライアド

  1. #bf4612
  2. #12bf46
  3. #4612bf

テトラード

  1. #bf4612
  2. #8bbf12
  3. #128bbf
  4. #4612bf

スクエア

  1. #bf4612
  2. #35bf12
  3. #128bbf
  4. #9c12bf

モノクロマティック

  1. #331305
  2. #792c0b
  3. #bf4612
  4. #ec6a32
  5. #f29d78

シェード

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

  1. #bf4612
  2. #ac3f10
  3. #99380e
  4. #86310d
  5. #732a0b
  6. #602309
  7. #4c1c07
  8. #391505
  9. #260e04
  10. #130702
  11. #000000

ティント

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

  1. #bf4612
  2. #c5592a
  3. #cc6b41
  4. #d27e59
  5. #d99071
  6. #dfa389
  7. #e5b5a0
  8. #ecc8b8
  9. #f2dad0
  10. #f9ede7
  11. #ffffff

トーン

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

  1. #bf4612
  2. #b94c1d
  3. #b25228
  4. #ac5733
  5. #a65d3e
  6. #a06349
  7. #996954
  8. #936f5f
  9. #8d746a
  10. #867a75
  11. #808080

読みやすい文字 5.12:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
読みやすい文字 4.1:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

1色覚（全色盲） #6e6e6e 男性の約0.003%
不完全1色覚 #956057 男性の約0.001%
1型2色覚（P型） #695d05 男性の約1.01%
2型2色覚（D型） #877808 男性の約1.27%
3型2色覚（T型） #d3233d 男性の約0.0001%
1型3色覚（P型弱） #93540b 男性の約1.08%
2型3色覚（D型弱） #a1670c 男性の約4.63%
3型3色覚（T型弱） #cb3431 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-bf4612 {
  color: #bf4612;
}
背景色
.bg-bf4612 {
  background-color: #bf4612;
  color: #ffffff;
}
枠線
.border-bf4612 {
  border: 2px solid #bf4612;
}
CSS変数
:root {
  --color-primary: #bf4612;
  --color-primary-rgb: 191 70 18;
  --color-primary-hsl: 18 83% 41%;
}
グラデーション
.gradient-bf4612 {
  background: linear-gradient(135deg, #bf4612, #bf9c12);
}
色付きの影
.shadow-bf4612 {
  box-shadow: 0 8px 24px rgb(191 70 18 / 0.35);
}

#c04000 Mahogany ΔE 1.60 #b7410e Rust ΔE 2.16 #cb410b Sinopia ΔE 2.36 #cc5500 Burnt Orange ΔE 6.50 #a0522d Sienna ΔE 7.13 #d40000 Rosso Corsa ΔE 8.02 #e25822 Flame ΔE 9.14 #40b9ed 反転色 #6e6e6e グレースケール 

Mahogany
#bf4612  rgb(191, 70, 18)  hsl(18, 83%, 41%)  Mahogany
#128bbf  rgb(18, 139, 191)  hsl(198, 83%, 41%)  Steel Blue
#12bf46  rgb(18, 191, 70)  hsl(138, 83%, 41%)  Lime Green
#4612bf  rgb(70, 18, 191)  hsl(258, 83%, 41%)  Medium Blue