#CBF3CF#CBF3CF
#CBF3CF لون فاتح جداً ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.813؛ OKLCH L 92.6% C 0.064 H 147.8°. أفضل لون لنص المتن هو #000000 بتباين 17.26:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CBF3CF |
|---|---|
| RGB | rgb(203, 243, 207) |
| HSL | hsl(126, 63%, 87%) |
| HSV | hsv(126, 16%, 95%) |
| CMYK | cmyk(16.5%, 0%, 14.8%, 4.7%) |
| CIE-LAB | lab(92.27, -19.60, 13.12) |
| CIE-LCH | lch(92.27, 23.59, 146.20°) |
| OKLab | oklab(92.62% -0.0539 0.0339) |
| OKLCH | oklch(92.62% 0.064 147.8) |
| XYZ | xyz(67.9390, 81.3012, 71.1326) |
| Luminance | 0.8130 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Mint
#AAF0C1
ΔE00 5.83
Very Pale Green
#CFFDBC
ΔE00 6.94
Light Sage
#BCECAC
ΔE00 7.06
Very Light Green
#D1FFBD
ΔE00 7.22
Pale Turquoise
#A5FBD5
ΔE00 7.63
Celadon
#BEFDB7
ΔE00 7.95
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CBF3CF #F3CBEF
analogous
#DBF3CB #CBF3CF #CBF3E3
triadic
#CBF3CF #CFCBF3 #F3CFCB
tetradic
#CBF3CF #CBDBF3 #F3CBEF #F3E3CB
square
#CBF3CF #CBDBF3 #F3CBEF #F3E3CB
split-complementary
#CBF3CF #E3CBF3 #F3CBDB
monochromatic
#68DC73 #99E8A1 #CBF3CF #E6F9E8 #E6F9E8
إمكانية الوصول والتباين
On white
1.22
#CBF3CF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.26
#CBF3CF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CBF3CF
17.26:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CBF3CF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CBF3CF | 1.00 | 1.22 | 17.26 | 17.26 |
| #FFFFFF | 1.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.26 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F4ECCD
Deuteranopia (green-blind)
#EDE7D1
Tritanopia (blue-blind)
#C7F1E9
Achromatopsia (no color)
#E9E9E9
وسوم التصميم والكود
CSS
--color: #cbf3cf; /* rgb */ color: rgb(203, 243, 207); /* oklch */ color: oklch(92.6% 0.064 147.8);
Tailwind
colors: {
custom: {
50: '#dbf7dd',
500: '#cbf3cf',
950: '#000000',
},
}SCSS
$custom: #cbf3cf; $custom-light: #dbf7dd; $custom-dark: #000000;
JSON
{
"hex": "#cbf3cf",
"rgb": {
"r": 203,
"g": 243,
"b": 207
},
"hsl": {
"h": 126,
"s": 62.5,
"l": 87.451
},
"oklch": {
"l": 0.92621,
"c": 0.06369,
"h": 147.8
},
"luminance": 0.81303
}Semantic roles & 50–950 ramp
primary
#CBF3CF
secondary
#D38FCC
accent
#1BB9CA
background
#FEFFFE
surface
#FBFEFC
border
#D4D6D5
text
#151715
muted
#848584