#CEE0BB#CEE0BB
#CEE0BB لون فاتح جداً وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.700؛ OKLCH L 88.3% C 0.053 H 128.6°. أفضل لون لنص المتن هو #000000 بتباين 15.00:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CEE0BB |
|---|---|
| RGB | rgb(206, 224, 187) |
| HSL | hsl(89, 37%, 81%) |
| HSV | hsv(89, 17%, 88%) |
| CMYK | cmyk(8%, 0%, 16.5%, 12.2%) |
| CIE-LAB | lab(87.01, -12.53, 16.13) |
| CIE-LCH | lch(87.01, 20.42, 127.84°) |
| OKLab | oklab(88.35% -0.0332 0.0415) |
| OKLCH | oklch(88.35% 0.053 128.6) |
| XYZ | xyz(61.0775, 70.0207, 57.3017) |
| Luminance | 0.7002 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Light Grey Green
#B7E1A1
ΔE00 7.63
Light Sage
#BCECAC
ΔE00 8.16
Lightgoldenrodyellow
#FAFAD2
ΔE00 8.72
Very Pale Green
#CFFDBC
ΔE00 9.20
Beige
#F5F5DC
ΔE00 9.30
Eggshell (survey)
#FFFFD4
ΔE00 9.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CEE0BB #CDBBE0
analogous
#E0DFBB #CEE0BB #BBE0BB
triadic
#CEE0BB #BBCEE0 #E0BBCE
tetradic
#CEE0BB #BBE0DF #CDBBE0 #E0BBBB
square
#CEE0BB #BBE0DF #CDBBE0 #E0BBBB
split-complementary
#CEE0BB #BBBBE0 #DFBBE0
monochromatic
#91BA67 #B0CD91 #CEE0BB #ECF3E5 #F0F5EA
إمكانية الوصول والتباين
On white
1.40
#CEE0BB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.00
#CEE0BB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CEE0BB
15.00:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CEE0BB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CEE0BB | 1.00 | 1.40 | 15.00 | 15.00 |
| #FFFFFF | 1.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.00 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.00 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E4DBB9
Deuteranopia (green-blind)
#E1DABD
Tritanopia (blue-blind)
#D0DCD6
Achromatopsia (no color)
#DADADA
وسوم التصميم والكود
CSS
--color: #cee0bb; /* rgb */ color: rgb(206, 224, 187); /* oklch */ color: oklch(88.3% 0.053 128.6);
Tailwind
colors: {
custom: {
50: '#dde9cf',
500: '#cee0bb',
950: '#000000',
},
}SCSS
$custom: #cee0bb; $custom-light: #dde9cf; $custom-dark: #000000;
JSON
{
"hex": "#cee0bb",
"rgb": {
"r": 206,
"g": 224,
"b": 187
},
"hsl": {
"h": 89.189,
"s": 37.374,
"l": 80.588
},
"oklch": {
"l": 0.88347,
"c": 0.05319,
"h": 128.6
},
"luminance": 0.70021
}Semantic roles & 50–950 ramp
primary
#CEE0BB
secondary
#9F87B9
accent
#35B071
background
#FEFEFE
surface
#FCFCFB
border
#D5D5D4
text
#151613
muted
#848483