#CAFDCB#CAFDCB
#CAFDCB لون فاتح جداً ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.871؛ OKLCH L 94.6% C 0.085 H 145.4°. أفضل لون لنص المتن هو #000000 بتباين 18.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CAFDCB |
|---|---|
| RGB | rgb(202, 253, 203) |
| HSL | hsl(121, 93%, 89%) |
| HSV | hsv(121, 20%, 99%) |
| CMYK | cmyk(20.2%, 0%, 19.8%, 0.8%) |
| CIE-LAB | lab(94.79, -25.44, 18.73) |
| CIE-LCH | lch(94.79, 31.59, 143.65°) |
| OKLab | oklab(94.59% -0.0696 0.0481) |
| OKLCH | oklch(94.59% 0.085 145.4) |
| XYZ | xyz(70.2591, 87.1170, 69.6019) |
| Luminance | 0.8712 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Very Pale Green
#CFFDBC
ΔE00 3.80
Very Light Green
#D1FFBD
ΔE00 4.01
Celadon
#BEFDB7
ΔE00 4.36
Light Mint
#B6FFBB
ΔE00 4.53
Pale Green
#C7FDB5
ΔE00 4.75
Mint
#AAF0C1
ΔE00 4.90
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CAFDCB #FDCAFC
analogous
#E3FDCA #CAFDCB #CAFDE5
triadic
#CAFDCB #CBCAFD #FDCBCA
tetradic
#CAFDCB #CAE3FD #FDCAFC #FDE5CA
square
#CAFDCB #CAE3FD #FDCAFC #FDE5CA
split-complementary
#CAFDCB #E5CAFD #FDCAE3
monochromatic
#54F957 #8FFB91 #CAFDCB #E2FEE2 #E2FEE2
إمكانية الوصول والتباين
On white
1.14
#CAFDCB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.42
#CAFDCB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CAFDCB
18.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CAFDCB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CAFDCB | 1.00 | 1.14 | 18.42 | 18.42 |
| #FFFFFF | 1.14 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.42 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.42 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFF3C8
Deuteranopia (green-blind)
#F7EECD
Tritanopia (blue-blind)
#C5FAEF
Achromatopsia (no color)
#F0F0F0
وسوم التصميم والكود
CSS
--color: #cafdcb; /* rgb */ color: rgb(202, 253, 203); /* oklch */ color: oklch(94.6% 0.085 145.4);
Tailwind
colors: {
custom: {
50: '#dafedb',
500: '#cafdcb',
950: '#000000',
},
}SCSS
$custom: #cafdcb; $custom-light: #dafedb; $custom-dark: #000000;
JSON
{
"hex": "#cafdcb",
"rgb": {
"r": 202,
"g": 253,
"b": 203
},
"hsl": {
"h": 121.176,
"s": 92.727,
"l": 89.216
},
"oklch": {
"l": 0.94592,
"c": 0.0846,
"h": 145.4
},
"luminance": 0.87119
}Semantic roles & 50–950 ramp
primary
#CAFDCB
secondary
#E586E3
accent
#00E1E6
background
#FEFFFE
surface
#FCFFFB
border
#D5D7D4
text
#151715
muted
#848584