ColorTool
登录
#EBB656

#ebb656 ≈ Meat Brown

  • 橙
  • 明度: 较高
  • 饱和度: 较高
  • 暖色
检查对比度 在关系图中探索 随机颜色

#ebb656 属于橙系颜色（明度：较高，饱和度：较高）。 在 RGB 模型中，它由 92.16% 红、71.37% 绿和 33.73% 蓝组成；采用 CMYK 印刷时需要 0% 青、22.55% 品红、63.4% 黄和 7.84% 黑。 在 HSL 中，它的色相角为 38.66°，饱和度为 78.84%，明度为 62.94%。 这是一种暖色，常让人联想到热忱、温暖和创造力。 设计师常把它用于行动号召按钮、食品品牌和餐厅和品牌点缀色。 在此颜色上使用黑色文字时，对比度为 11.36:1（WCAG AAA）。 最接近的命名颜色是 Meat Brown（#e5b73b），ΔE 为 4.59。

根据此颜色的测量属性自动生成的描述。

HEX
RGB
RGB 百分比
CMY
CMYK
HSL
HSV / HSB
网页安全色#ffcc66
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
二进制
十进制
相对亮度0.5179

互补色

  1. #ebb656
  2. #568beb

分裂互补色

  1. #ebb656
  2. #56d5eb
  3. #6b56eb

类似色

  1. #eb6b56
  2. #ebb656
  3. #d5eb56

三角配色

  1. #ebb656
  2. #56ebb6
  3. #b656eb

矩形配色

  1. #ebb656
  2. #8beb56
  3. #568beb
  4. #b656eb

正方形配色

  1. #ebb656
  2. #56eb6b
  3. #568beb
  4. #eb56d5

单色配色

  1. #966712
  2. #db961a
  3. #ebb656
  4. #f3d49a
  5. #fbf1df

暗调

#ebb656 逐步混入黑色。

  1. #ebb656
  2. #d4a44d
  3. #bc9245
  4. #a57f3c
  5. #8d6d34
  6. #765b2b
  7. #5e4922
  8. #47371a
  9. #2f2411
  10. #181209
  11. #000000

亮调

#ebb656 逐步混入白色。

  1. #ebb656
  2. #edbd67
  3. #efc578
  4. #f1cc89
  5. #f3d39a
  6. #f5dbab
  7. #f7e2bb
  8. #f9e9cc
  9. #fbf0dd
  10. #fdf8ee
  11. #ffffff

灰调

#ebb656 逐步混入灰色。

  1. #ebb656
  2. #e0b15a
  3. #d6ab5e
  4. #cba663
  5. #c0a067
  6. #b69b6b
  7. #ab966f
  8. #a09073
  9. #958b78
  10. #8b857c
  11. #808080

清晰易读的文字 1.85:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
清晰易读的文字 11.36:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

全色盲 #bebebe 约占男性的 0.003%
全色弱 #d2bb9f 约占男性的 0.001%
红色盲 #cbb74c 约占男性的 1.01%
绿色盲 #d8c459 约占男性的 1.27%
蓝色盲 #fea7a1 约占男性的 0.0001%
红色弱 #d9b650 约占男性的 1.08%
绿色弱 #e0bf58 约占男性的 4.63%
蓝色弱 #f7ad89 约占男性的 0.0002%
用自己的图片模拟

此颜色的文字

此颜色的背景

此颜色的边框

文字颜色
.text-ebb656 {
  color: #ebb656;
}
背景
.bg-ebb656 {
  background-color: #ebb656;
  color: #000000;
}
边框
.border-ebb656 {
  border: 2px solid #ebb656;
}
CSS 变量
:root {
  --color-primary: #ebb656;
  --color-primary-rgb: 235 182 86;
  --color-primary-hsl: 39 79% 63%;
}
渐变
.gradient-ebb656 {
  background: linear-gradient(135deg, #ebb656, #d5eb56);
}
彩色阴影
.shadow-ebb656 {
  box-shadow: 0 8px 24px rgb(235 182 86 / 0.35);
}

#e5b73b Meat Brown ΔE 4.59 #e3a857 Indian Yellow ΔE 4.90 #ffb347 Pastel Orange ΔE 5.41 #ffc87c Topaz ΔE 5.99 #daa520 Goldenrod ΔE 6.10 #eaa221 Marigold ΔE 6.48 #ffae42 Yellow Orange ΔE 6.61 #1449a9 反色 #bebebe 灰度 

Meat Brown
#ebb656  rgb(235, 182, 86)  hsl(39, 79%, 63%)  Meat Brown
#568beb  rgb(86, 139, 235)  hsl(219, 79%, 63%)  United Nations Blue
#56ebb6  rgb(86, 235, 182)  hsl(159, 79%, 63%)  Aquamarine
#b656eb  rgb(182, 86, 235)  hsl(279, 79%, 63%)  Medium Orchid