ColorTool
ログイン
#BE7953

#be7953 ≈ Cafe au Lait

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

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

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

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

補色

  1. #be7953
  2. #5398be

分裂補色

  1. #be7953
  2. #53beaf
  3. #5362be

類似色

  1. #be5362
  2. #be7953
  3. #beaf53

トライアド

  1. #be7953
  2. #53be79
  3. #7953be

テトラード

  1. #be7953
  2. #98be53
  3. #5398be
  4. #7953be

スクエア

  1. #be7953
  2. #62be53
  3. #5398be
  4. #af53be

モノクロマティック

  1. #573421
  2. #8f5536
  3. #be7953
  4. #d3a48b
  5. #e8d0c2

シェード

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

  1. #be7953
  2. #ab6d4b
  3. #986142
  4. #85553a
  5. #724932
  6. #5f3d2a
  7. #4c3021
  8. #392419
  9. #261811
  10. #130c08
  11. #000000

ティント

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

  1. #be7953
  2. #c58664
  3. #cb9475
  4. #d2a187
  5. #d8af98
  6. #dfbca9
  7. #e5c9ba
  8. #ecd7cb
  9. #f2e4dd
  10. #f9f2ee
  11. #ffffff

トーン

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

  1. #be7953
  2. #b87a58
  3. #b27a5c
  4. #ab7b61
  5. #a57c65
  6. #9f7d6a
  7. #997d6e
  8. #937e73
  9. #8c7f77
  10. #867f7c
  11. #808080

読みやすい文字 3.47:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
読みやすい文字 6.05:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

1色覚（全色盲） #8a8a8a 男性の約0.003%
不完全1色覚 #a18377 男性の約0.001%
1型2色覚（P型） #8c8150 男性の約1.01%
2型2色覚（D型） #9c9053 男性の約1.27%
3型2色覚（T型） #ce6c70 男性の約0.0001%
1型3色覚（P型弱） #a27e51 男性の約1.08%
2型3色覚（D型弱） #ab8753 男性の約4.63%
3型3色覚（T型弱） #c87265 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-be7953 {
  color: #be7953;
}
背景色
.bg-be7953 {
  background-color: #be7953;
  color: #000000;
}
枠線
.border-be7953 {
  border: 2px solid #be7953;
}
CSS変数
:root {
  --color-primary: #be7953;
  --color-primary-rgb: 190 121 83;
  --color-primary-hsl: 21 45% 54%;
}
グラデーション
.gradient-be7953 {
  background: linear-gradient(135deg, #be7953, #beaf53);
}
色付きの影
.shadow-be7953 {
  box-shadow: 0 8px 24px rgb(190 121 83 / 0.35);
}

#a67b5b Cafe au Lait ΔE 6.48 #d68a59 Raw Sienna ΔE 6.64 #b87333 Copper ΔE 7.15 #d2691e Chocolate ΔE 8.58 #cd853f Peru ΔE 8.77 #d99058 Persian Orange ΔE 8.81 #cd7f32 Bronze ΔE 8.99 #4186ac 反転色 #8a8a8a グレースケール 

Cafe au Lait
#be7953  rgb(190, 121, 83)  hsl(21, 45%, 54%)  Cafe au Lait
#5398be  rgb(83, 152, 190)  hsl(201, 45%, 54%)  Carolina Blue
#53be79  rgb(83, 190, 121)  hsl(141, 45%, 54%)  Emerald
#7953be  rgb(121, 83, 190)  hsl(261, 45%, 54%)  Royal Purple