ColorTool
登录
#EFA166

#efa166 ≈ Sandy Brown

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

#efa166 属于橙系颜色（明度：较高，饱和度：较高）。 在 RGB 模型中，它由 93.73% 红、63.14% 绿和 40% 蓝组成；采用 CMYK 印刷时需要 0% 青、32.64% 品红、57.32% 黄和 6.27% 黑。 在 HSL 中，它的色相角为 25.84°，饱和度为 81.07%，明度为 66.86%。 这是一种暖色，常让人联想到热忱、温暖和创造力。 设计师常把它用于行动号召按钮和食品品牌和餐厅。 在此颜色上使用黑色文字时，对比度为 9.96:1（WCAG AAA）。 最接近的命名颜色是 Sandy Brown（#f4a460），ΔE 为 2.12。

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

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

互补色

  1. #efa166
  2. #66b4ef

分裂互补色

  1. #efa166
  2. #66efe6
  3. #666fef

类似色

  1. #ef666f
  2. #efa166
  3. #efe666

三角配色

  1. #efa166
  2. #66efa1
  3. #a166ef

矩形配色

  1. #efa166
  2. #b4ef66
  3. #66b4ef
  4. #a166ef

正方形配色

  1. #efa166
  2. #6fef66
  3. #66b4ef
  4. #e666ef

单色配色

  1. #aa5312
  2. #e87621
  3. #efa166
  4. #f6ccab
  5. #fdf4ed

暗调

#efa166 逐步混入黑色。

  1. #efa166
  2. #d7915c
  3. #bf8152
  4. #a77147
  5. #8f613d
  6. #785133
  7. #604029
  8. #48301f
  9. #302014
  10. #18100a
  11. #000000

亮调

#efa166 逐步混入白色。

  1. #efa166
  2. #f1aa75
  3. #f2b485
  4. #f4bd94
  5. #f5c7a3
  6. #f7d0b3
  7. #f9d9c2
  8. #fae3d1
  9. #fcece0
  10. #fdf6f0
  11. #ffffff

灰调

#efa166 逐步混入灰色。

  1. #efa166
  2. #e49e69
  3. #d99a6b
  4. #ce976e
  5. #c39470
  6. #b89173
  7. #ac8d76
  8. #a18a78
  9. #96877b
  10. #8b837d
  11. #808080

清晰易读的文字 2.11:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
清晰易读的文字 9.96:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

全色盲 #b3b3b3 约占男性的 0.003%
全色弱 #ceac9a 约占男性的 0.001%
红色盲 #b8a861 约占男性的 1.01%
绿色盲 #cab966 约占男性的 1.27%
蓝色盲 #ff9193 约占男性的 0.0001%
红色弱 #d0a563 约占男性的 1.08%
绿色弱 #dab066 约占男性的 4.63%
蓝色弱 #fb9883 约占男性的 0.0002%
用自己的图片模拟

此颜色的文字

此颜色的背景

此颜色的边框

文字颜色
.text-efa166 {
  color: #efa166;
}
背景
.bg-efa166 {
  background-color: #efa166;
  color: #000000;
}
边框
.border-efa166 {
  border: 2px solid #efa166;
}
CSS 变量
:root {
  --color-primary: #efa166;
  --color-primary-rgb: 239 161 102;
  --color-primary-hsl: 26 81% 67%;
}
渐变
.gradient-efa166 {
  background: linear-gradient(135deg, #efa166, #efe666);
}
彩色阴影
.shadow-efa166 {
  box-shadow: 0 8px 24px rgb(239 161 102 / 0.35);
}

#f4a460 Sandy Brown ΔE 2.12 #e5aa70 Fawn ΔE 4.70 #d99058 Persian Orange ΔE 5.25 #ffa343 Neon Carrot ΔE 6.50 #d68a59 Raw Sienna ΔE 7.06 #deaa88 Tumbleweed ΔE 7.11 #ed872d Cadmium Orange ΔE 7.86 #105e99 反色 #b3b3b3 灰度 

Sandy Brown
#efa166  rgb(239, 161, 102)  hsl(26, 81%, 67%)  Sandy Brown
#66b4ef  rgb(102, 180, 239)  hsl(206, 81%, 67%)  Maya Blue
#66efa1  rgb(102, 239, 161)  hsl(146, 81%, 67%)  Medium Spring Green
#a166ef  rgb(161, 102, 239)  hsl(266, 81%, 67%)  Medium Purple