#CBDDD5#CBDDD5
#CBDDD5 لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.692؛ OKLCH L 88.2% C 0.022 H 167.4°. أفضل لون لنص المتن هو #000000 بتباين 14.84:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CBDDD5 |
|---|---|
| RGB | rgb(203, 221, 213) |
| HSL | hsl(153, 21%, 83%) |
| HSV | hsv(153, 8%, 87%) |
| CMYK | cmyk(8.1%, 0%, 3.6%, 13.3%) |
| CIE-LAB | lab(86.61, -7.50, 1.86) |
| CIE-LCH | lch(86.61, 7.73, 166.06°) |
| OKLab | oklab(88.18% -0.0216 0.0048) |
| OKLCH | oklch(88.18% 0.022 167.4) |
| XYZ | xyz(62.4928, 69.2127, 73.0049) |
| Luminance | 0.6921 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Light Grey
#D8DCD6
ΔE00 5.81
Silver (survey)
#C5C9C7
ΔE00 7.75
Honeydew
#F0FFF0
ΔE00 7.87
Mintcream
#F5FFFA
ΔE00 8.46
Lightcyan
#E0FFFF
ΔE00 8.47
Azure (CSS)
#F0FFFF
ΔE00 8.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CBDDD5 #DDCBD3
analogous
#CBDDCC #CBDDD5 #CBDCDD
triadic
#CBDDD5 #D5CBDD #DDD5CB
tetradic
#CBDDD5 #CCCBDD #DDCBD3 #DCDDCB
square
#CBDDD5 #CCCBDD #DDCBD3 #DCDDCB
split-complementary
#CBDDD5 #DDCBDC #DDCCCB
monochromatic
#81AD99 #A6C5B7 #CBDDD5 #ECF3F0 #ECF3F0
إمكانية الوصول والتباين
On white
1.41
#CBDDD5 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.84
#CBDDD5 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CBDDD5
14.84:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CBDDD5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CBDDD5 | 1.00 | 1.41 | 14.84 | 14.84 |
| #FFFFFF | 1.41 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.84 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.84 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#DCDAD5
Deuteranopia (green-blind)
#D8D8D5
Tritanopia (blue-blind)
#C8DDDB
Achromatopsia (no color)
#D9D9D9
وسوم التصميم والكود
CSS
--color: #cbddd5; /* rgb */ color: rgb(203, 221, 213); /* oklch */ color: oklch(88.2% 0.022 167.4);
Tailwind
colors: {
custom: {
50: '#dae7e1',
500: '#cbddd5',
950: '#000000',
},
}SCSS
$custom: #cbddd5; $custom-light: #dae7e1; $custom-dark: #000000;
JSON
{
"hex": "#cbddd5",
"rgb": {
"r": 203,
"g": 221,
"b": 213
},
"hsl": {
"h": 153.333,
"s": 20.93,
"l": 83.137
},
"oklch": {
"l": 0.88177,
"c": 0.02211,
"h": 167.4
},
"luminance": 0.69214
}Semantic roles & 50–950 ramp
primary
#CBDDD5
secondary
#B399A5
accent
#466E9F
background
#FEFEFE
surface
#FBFCFC
border
#D4D5D5
text
#151615
muted
#848484