ColorTool
登录
#F4EAC3

#f4eac3 ≈ Blond

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

#f4eac3 属于黄系颜色（明度：很高，饱和度：较低）。 在 RGB 模型中，它由 95.69% 红、91.76% 绿和 76.47% 蓝组成；采用 CMYK 印刷时需要 0% 青、4.1% 品红、20.08% 黄和 4.31% 黑。 在 HSL 中，它的色相角为 47.76°，饱和度为 69.01%，明度为 86.08%。 这是一种暖色，常让人联想到乐观、醒目和喜悦。 设计师常把它用于强调和警示、儿童产品和柔和的马卡龙配色。 在此颜色上使用黑色文字时，对比度为 17.4:1（WCAG AAA）。 最接近的命名颜色是 Blond（#faf0be），ΔE 为 3。

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

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

互补色

  1. #f4eac3
  2. #c3cdf4

分裂互补色

  1. #f4eac3
  2. #c3e5f4
  3. #d2c3f4

类似色

  1. #f4d2c3
  2. #f4eac3
  3. #e5f4c3

三角配色

  1. #f4eac3
  2. #c3f4ea
  3. #eac3f4

矩形配色

  1. #f4eac3
  2. #cdf4c3
  3. #c3cdf4
  4. #eac3f4

正方形配色

  1. #f4eac3
  2. #c3f4d2
  3. #c3cdf4
  4. #f4c3e5

单色配色

  1. #dcbd42
  2. #e8d382
  3. #f4eac3
  4. #fcf9ee
  5. #fcf9ee

暗调

#f4eac3 逐步混入黑色。

  1. #f4eac3
  2. #dcd3b0
  3. #c3bb9c
  4. #aba489
  5. #928c75
  6. #7a7562
  7. #625e4e
  8. #49463b
  9. #312f27
  10. #181714
  11. #000000

亮调

#f4eac3 逐步混入白色。

  1. #f4eac3
  2. #f5ecc9
  3. #f6eecf
  4. #f7f0d5
  5. #f8f2db
  6. #faf5e1
  7. #fbf7e7
  8. #fcf9ed
  9. #fdfbf3
  10. #fefdf9
  11. #ffffff

灰调

#f4eac3 逐步混入灰色。

  1. #f4eac3
  2. #e8dfbc
  3. #ddd5b6
  4. #d1caaf
  5. #c6c0a8
  6. #bab5a2
  7. #aeaa9b
  8. #a3a094
  9. #97958d
  10. #8c8b87
  11. #808080

清晰易读的文字 1.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
清晰易读的文字 17.4:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

全色盲 #eaeaea 约占男性的 0.003%
全色弱 #eeeadb 约占男性的 0.001%
红色盲 #f2e8c1 约占男性的 1.01%
绿色盲 #f5ebc4 约占男性的 1.27%
蓝色盲 #fce4df 约占男性的 0.0001%
红色弱 #f3e9c2 约占男性的 1.08%
绿色弱 #f5ebc4 约占男性的 4.63%
蓝色弱 #f9e6d4 约占男性的 0.0002%
用自己的图片模拟

此颜色的文字

此颜色的背景

此颜色的边框

文字颜色
.text-f4eac3 {
  color: #f4eac3;
}
背景
.bg-f4eac3 {
  background-color: #f4eac3;
  color: #000000;
}
边框
.border-f4eac3 {
  border: 2px solid #f4eac3;
}
CSS 变量
:root {
  --color-primary: #f4eac3;
  --color-primary-rgb: 244 234 195;
  --color-primary-hsl: 48 69% 86%;
}
渐变
.gradient-f4eac3 {
  background: linear-gradient(135deg, #f4eac3, #e5f4c3);
}
彩色阴影
.shadow-f4eac3 {
  box-shadow: 0 8px 24px rgb(244 234 195 / 0.35);
}

#faf0be Blond ΔE 3.00 #fffacd Lemon Chiffon ΔE 3.98 #fff8dc Cornsilk ΔE 4.42 #f3e5ab Vanilla ΔE 4.77 #fafad2 Light Goldenrod Yellow ΔE 4.80 #fffdd0 Cream ΔE 4.95 #eae0c8 Pearl ΔE 5.08 #0b153c 反色 #eaeaea 灰度 

Blond
#f4eac3  rgb(244, 234, 195)  hsl(48, 69%, 86%)  Blond
#c3cdf4  rgb(195, 205, 244)  hsl(228, 69%, 86%)  Periwinkle
#c3f4ea  rgb(195, 244, 234)  hsl(168, 69%, 86%)  Pale Turquoise
#eac3f4  rgb(234, 195, 244)  hsl(288, 69%, 86%)  Thistle