ColorTool
ログイン
#B38556

#b38556 ≈ Cafe au Lait

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

#b38556はオレンジ系の色です（明度：中程度、彩度：中程度）。 RGBでは赤70.2%、緑52.16%、青33.73%で構成され、CMYK印刷ではシアン0%、マゼンタ25.7%、イエロー51.96%、ブラック29.8%を使います。 HSLでは色相角30.32°、彩度37.96%、明度51.96%です。 暖色で、熱意、温かさ、創造性を連想させることが多い色です。 デザインでは主にCTAボタン、食品ブランドやレストラン、ブランドのアクセントに使われます。 この色の上に黒の文字を置くとコントラスト比は6.41:1（WCAG AA）です。 最も近い色名はCafe au Lait（#a67b5b）で、ΔEは5.59です。

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

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

補色

  1. #b38556
  2. #5684b3

分裂補色

  1. #b38556
  2. #56b3b3
  3. #5656b3

類似色

  1. #b35656
  2. #b38556
  3. #b3b356

トライアド

  1. #b38556
  2. #56b385
  3. #8556b3

テトラード

  1. #b38556
  2. #84b356
  3. #5684b3
  4. #8556b3

スクエア

  1. #b38556
  2. #56b356
  3. #5684b3
  4. #b356b3

モノクロマティック

  1. #4d3823
  2. #825f3a
  3. #b38556
  4. #cbab8b
  5. #e2d1c0

シェード

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

  1. #b38556
  2. #a1784d
  3. #8f6a45
  4. #7d5d3c
  5. #6b5034
  6. #5a432b
  7. #483522
  8. #36281a
  9. #241b11
  10. #120d09
  11. #000000

ティント

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

  1. #b38556
  2. #bb9167
  3. #c29d78
  4. #caaa89
  5. #d1b69a
  6. #d9c2ab
  7. #e1cebb
  8. #e8dacc
  9. #f0e7dd
  10. #f7f3ee
  11. #ffffff

トーン

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

  1. #b38556
  2. #ae855a
  3. #a9845e
  4. #a48463
  5. #9f8367
  6. #9a836b
  7. #94826f
  8. #8f8273
  9. #8a8178
  10. #85817c
  11. #808080

読みやすい文字 3.28:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.41:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8e8e8e 男性の約0.003%
不完全1色覚 #9e8a7b 男性の約0.001%
1型2色覚（P型） #948852 男性の約1.01%
2型2色覚（D型） #9f9257 男性の約1.27%
3型2色覚（T型） #c17b79 男性の約0.0001%
1型3色覚（P型弱） #a18754 男性の約1.08%
2型3色覚（D型弱） #a78d56 男性の約4.63%
3型3色覚（T型弱） #bb7f6d 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-b38556 {
  color: #b38556;
}
背景色
.bg-b38556 {
  background-color: #b38556;
  color: #000000;
}
枠線
.border-b38556 {
  border: 2px solid #b38556;
}
CSS変数
:root {
  --color-primary: #b38556;
  --color-primary-rgb: 179 133 86;
  --color-primary-hsl: 30 38% 52%;
}
グラデーション
.gradient-b38556 {
  background: linear-gradient(135deg, #b38556, #b3b356);
}
色付きの影
.shadow-b38556 {
  box-shadow: 0 8px 24px rgb(179 133 86 / 0.35);
}

#a67b5b Cafe au Lait ΔE 5.59 #c19a6b Camel ΔE 6.59 #cd853f Peru ΔE 6.90 #b87333 Copper ΔE 7.28 #cd7f32 Bronze ΔE 8.03 #d99058 Persian Orange ΔE 8.44 #d68a59 Raw Sienna ΔE 8.53 #4c7aa9 反転色 #8e8e8e グレースケール 

Cafe au Lait
#b38556  rgb(179, 133, 86)  hsl(30, 38%, 52%)  Cafe au Lait
#5684b3  rgb(86, 132, 179)  hsl(210, 38%, 52%)  Steel Blue
#56b385  rgb(86, 179, 133)  hsl(150, 38%, 52%)  Mint
#8556b3  rgb(133, 86, 179)  hsl(270, 38%, 52%)  Royal Purple