#CDCD21
#cdcd21 ≈ Citrine
#cdcd21 属于黄系颜色（明度：中等，饱和度：较高）。 在 RGB 模型中，它由 80.39% 红、80.39% 绿和 12.94% 蓝组成；采用 CMYK 印刷时需要 0% 青、0% 品红、83.9% 黄和 19.61% 黑。 在 HSL 中，它的色相角为 60°，饱和度为 72.27%，明度为 46.67%。 这是一种暖色，常让人联想到乐观、醒目和喜悦。 设计师常把它用于强调和警示、儿童产品和品牌点缀色。 在此颜色上使用黑色文字时，对比度为 12.35:1（WCAG AAA）。 最接近的命名颜色是 Citrine（#e4d00a），ΔE 为 5.24。
根据此颜色的测量属性自动生成的描述。
| HEX | |
|---|---|
| RGB | |
| RGB 百分比 | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| 网页安全色 | #cccc33 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 二进制 | |
| 十进制 | |
| 相对亮度 | 0.5675 |
暗调
#cdcd21 逐步混入黑色。
亮调
#cdcd21 逐步混入白色。
灰调
#cdcd21 逐步混入灰色。
清晰易读的文字
1.7:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
清晰易读的文字
12.35:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
此颜色的文字
此颜色的背景
此颜色的边框
文字颜色
.text-cdcd21 {
color: #cdcd21;
}背景
.bg-cdcd21 {
background-color: #cdcd21;
color: #000000;
}边框
.border-cdcd21 {
border: 2px solid #cdcd21;
}CSS 变量
:root {
--color-primary: #cdcd21;
--color-primary-rgb: 205 205 33;
--color-primary-hsl: 60 72% 47%;
}渐变
.gradient-cdcd21 {
background: linear-gradient(135deg, #cdcd21, #77cd21);
}彩色阴影
.shadow-cdcd21 {
box-shadow: 0 8px 24px rgb(205 205 33 / 0.35);
}Citrine
#cdcd21 rgb(205, 205, 33) hsl(60, 72%, 47%) Citrine
#2121cd rgb(33, 33, 205) hsl(240, 72%, 47%) Medium Blue
#21cdcd rgb(33, 205, 205) hsl(180, 72%, 47%) Robin Egg Blue
#cd21cd rgb(205, 33, 205) hsl(300, 72%, 47%) Medium Orchid