#BFDBB5
#bfdbb5 ≈ Tea Green
#bfdbb5 属于绿系颜色(明度:较高,饱和度:较低)。 在 RGB 模型中,它由 74.9% 红、85.88% 绿和 70.98% 蓝组成;采用 CMYK 印刷时需要 12.79% 青、0% 品红、17.35% 黄和 14.12% 黑。 在 HSL 中,它的色相角为 104.21°,饱和度为 34.55%,明度为 78.43%。 它介于冷暖之间,常让人联想到自然、健康和平衡。 设计师常把它用于环保品牌、健康与养生和柔和的马卡龙配色。 在此颜色上使用黑色文字时,对比度为 14.02:1(WCAG AAA)。 最接近的命名颜色是 Tea Green(#d0f0c0),ΔE 为 5.05。
根据此颜色的测量属性自动生成的描述。
| HEX | |
|---|---|
| RGB | |
| RGB 百分比 | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| 网页安全色 | #cccccc |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 二进制 | |
| 十进制 | |
| 相对亮度 | 0.6508 |
暗调
#bfdbb5 逐步混入黑色。
亮调
#bfdbb5 逐步混入白色。
灰调
#bfdbb5 逐步混入灰色。
清晰易读的文字
1.5:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
清晰易读的文字
14.02:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
此颜色的文字
此颜色的背景
此颜色的边框
文字颜色
.text-bfdbb5 {
color: #bfdbb5;
}
背景
.bg-bfdbb5 {
background-color: #bfdbb5;
color: #000000;
}
边框
.border-bfdbb5 {
border: 2px solid #bfdbb5;
}
CSS 变量
:root {
--color-primary: #bfdbb5;
--color-primary-rgb: 191 219 181;
--color-primary-hsl: 104 35% 78%;
}
渐变
.gradient-bfdbb5 {
background: linear-gradient(135deg, #bfdbb5, #b5dbbe);
}
彩色阴影
.shadow-bfdbb5 {
box-shadow: 0 8px 24px rgb(191 219 181 / 0.35);
}
Tea Green
#bfdbb5 rgb(191, 219, 181) hsl(104, 35%, 78%) Tea Green
#d1b5db rgb(209, 181, 219) hsl(284, 35%, 78%) Thistle
#b5bfdb rgb(181, 191, 219) hsl(224, 35%, 78%) Light Steel Blue
#dbb5bf rgb(219, 181, 191) hsl(344, 35%, 78%) Baby Pink