#CCEFD3#CCEFD3
#CCEFD3 لون فاتح جداً وخافت من عائلة أخضر. الإضاءة النسبية 0.793؛ OKLCH L 91.9% C 0.052 H 151.1°. أفضل لون لنص المتن هو #000000 بتباين 16.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CCEFD3 |
|---|---|
| RGB | rgb(204, 239, 211) |
| HSL | hsl(132, 52%, 87%) |
| HSV | hsv(132, 15%, 94%) |
| CMYK | cmyk(14.6%, 0%, 11.7%, 6.3%) |
| CIE-LAB | lab(91.36, -16.60, 9.77) |
| CIE-LCH | lch(91.36, 19.26, 149.53°) |
| OKLab | oklab(91.94% -0.046 0.0254) |
| OKLCH | oklch(91.94% 0.052 151.1) |
| XYZ | xyz(67.5235, 79.2722, 73.3589) |
| Luminance | 0.7927 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Mint
#AAF0C1
ΔE00 7.55
Pale Aqua
#B8FFEB
ΔE00 8.14
Honeydew
#F0FFF0
ΔE00 8.56
Pale Turquoise
#A5FBD5
ΔE00 8.72
Light Sage
#BCECAC
ΔE00 9.12
Duck Egg Blue
#C3FBF4
ΔE00 9.19
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CCEFD3 #EFCCE8
analogous
#D7EFCC #CCEFD3 #CCEFE5
triadic
#CCEFD3 #D3CCEF #EFD3CC
tetradic
#CCEFD3 #CCD7EF #EFCCE8 #EFE5CC
square
#CCEFD3 #CCD7EF #EFCCE8 #EFE5CC
split-complementary
#CCEFD3 #E5CCEF #EFCCD7
monochromatic
#6FD283 #9DE0AB #CCEFD3 #E8F8EB #E8F8EB
إمكانية الوصول والتباين
On white
1.25
#CCEFD3 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.85
#CCEFD3 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CCEFD3
16.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CCEFD3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CCEFD3 | 1.00 | 1.25 | 16.85 | 16.85 |
| #FFFFFF | 1.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#EFE9D2
Deuteranopia (green-blind)
#E9E5D4
Tritanopia (blue-blind)
#C8EEE7
Achromatopsia (no color)
#E6E6E6
وسوم التصميم والكود
CSS
--color: #ccefd3; /* rgb */ color: rgb(204, 239, 211); /* oklch */ color: oklch(91.9% 0.052 151.1);
Tailwind
colors: {
custom: {
50: '#dbf4e0',
500: '#ccefd3',
950: '#000000',
},
}SCSS
$custom: #ccefd3; $custom-light: #dbf4e0; $custom-dark: #000000;
JSON
{
"hex": "#ccefd3",
"rgb": {
"r": 204,
"g": 239,
"b": 211
},
"hsl": {
"h": 132,
"s": 52.239,
"l": 86.863
},
"oklch": {
"l": 0.91943,
"c": 0.05249,
"h": 151.1
},
"luminance": 0.79274
}Semantic roles & 50–950 ramp
primary
#CCEFD3
secondary
#CD93C1
accent
#26A1C0
background
#FEFFFE
surface
#FCFEFC
border
#D5D6D5
text
#151715
muted
#848584