ColorTool
登录
#C4E043

#c4e043 ≈ June Bud

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

#c4e043 属于黄绿系颜色（明度：中等，饱和度：较高）。 在 RGB 模型中，它由 76.86% 红、87.84% 绿和 26.27% 蓝组成；采用 CMYK 印刷时需要 12.5% 青、0% 品红、70.09% 黄和 12.16% 黑。 在 HSL 中，它的色相角为 70.7°，饱和度为 71.69%，明度为 57.06%。 这是一种暖色，常让人联想到清新、成长和活力。 设计师常把它用于环保品牌、健康与养生和品牌点缀色。 在此颜色上使用黑色文字时，对比度为 14.09:1（WCAG AAA）。 最接近的命名颜色是 June Bud（#bdda57），ΔE 为 3.02。

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

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

互补色

  1. #c4e043
  2. #5f43e0

分裂互补色

  1. #c4e043
  2. #4376e0
  3. #ae43e0

类似色

  1. #e0ae43
  2. #c4e043
  3. #76e043

三角配色

  1. #c4e043
  2. #43c4e0
  3. #e043c4

矩形配色

  1. #c4e043
  2. #43e05f
  3. #5f43e0
  4. #e043c4

正方形配色

  1. #c4e043
  2. #43e0ae
  3. #5f43e0
  4. #e04376

单色配色

  1. #657614
  2. #9db81e
  3. #c4e043
  4. #d9eb85
  5. #edf6c6

暗调

#c4e043 逐步混入黑色。

  1. #c4e043
  2. #b0ca3c
  3. #9db336
  4. #899d2f
  5. #768628
  6. #627022
  7. #4e5a1b
  8. #3b4314
  9. #272d0d
  10. #141607
  11. #000000

亮调

#c4e043 逐步混入白色。

  1. #c4e043
  2. #cae356
  3. #d0e669
  4. #d6e97b
  5. #dcec8e
  6. #e2f0a1
  7. #e7f3b4
  8. #edf6c7
  9. #f3f9d9
  10. #f9fcec
  11. #ffffff

灰调

#c4e043 逐步混入灰色。

  1. #c4e043
  2. #bdd649
  3. #b6cd4f
  4. #b0c355
  5. #a9ba5b
  6. #a2b062
  7. #9ba668
  8. #949d6e
  9. #8e9374
  10. #878a7a
  11. #808080

清晰易读的文字 1.49:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
清晰易读的文字 14.09:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

全色盲 #d3d3d3 约占男性的 0.003%
全色弱 #cdd9ac 约占男性的 0.001%
红色盲 #eed328 约占男性的 1.01%
绿色盲 #ebd450 约占男性的 1.27%
蓝色盲 #cfd4c1 约占男性的 0.0001%
红色弱 #dfd935 约占男性的 1.08%
绿色弱 #ddd94b 约占男性的 4.63%
蓝色弱 #cbd99e 约占男性的 0.0002%
用自己的图片模拟

此颜色的文字

此颜色的背景

此颜色的边框

文字颜色
.text-c4e043 {
  color: #c4e043;
}
背景
.bg-c4e043 {
  background-color: #c4e043;
  color: #000000;
}
边框
.border-c4e043 {
  border: 2px solid #c4e043;
}
CSS 变量
:root {
  --color-primary: #c4e043;
  --color-primary-rgb: 196 224 67;
  --color-primary-hsl: 71 72% 57%;
}
渐变
.gradient-c4e043 {
  background: linear-gradient(135deg, #c4e043, #76e043);
}
彩色阴影
.shadow-c4e043 {
  box-shadow: 0 8px 24px rgb(196 224 67 / 0.35);
}

#bdda57 June Bud ΔE 3.02 #d1e231 Pear ΔE 3.23 #b2ec5d Inchworm ΔE 6.26 #9acd32 Yellow Green ΔE 7.05 #ccff00 Electric Lime ΔE 7.54 #dfff00 Chartreuse Yellow ΔE 7.96 #e3ff00 Lemon Lime ΔE 8.21 #3b1fbc 反色 #d3d3d3 灰度 

June Bud
#c4e043  rgb(196, 224, 67)  hsl(71, 72%, 57%)  June Bud
#5f43e0  rgb(95, 67, 224)  hsl(251, 72%, 57%)  Majorelle Blue
#43c4e0  rgb(67, 196, 224)  hsl(191, 72%, 57%)  Sky Blue
#e043c4  rgb(224, 67, 196)  hsl(311, 72%, 57%)  Shocking Pink