#9DDCCD#9DDCCD
#9DDCCD لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.628؛ OKLCH L 84.8% C 0.067 H 178.1°. أفضل لون لنص المتن هو #000000 بتباين 13.55:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9DDCCD |
|---|---|
| RGB | rgb(157, 220, 205) |
| HSL | hsl(166, 47%, 74%) |
| HSV | hsv(166, 29%, 86%) |
| CMYK | cmyk(28.6%, 0%, 6.8%, 13.7%) |
| CIE-LAB | lab(83.32, -23.08, 0.95) |
| CIE-LCH | lch(83.32, 23.10, 177.63°) |
| OKLab | oklab(84.77% -0.0673 0.0022) |
| OKLCH | oklch(84.77% 0.067 178.1) |
| XYZ | xyz(50.5136, 62.7598, 67.1980) |
| Luminance | 0.6276 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 6.04
Seafoam Blue
#78D1B6
ΔE00 6.36
Light Teal
#90E4C1
ΔE00 6.62
Paleturquoise
#AFEEEE
ΔE00 7.30
Pale Aqua
#B8FFEB
ΔE00 7.61
Tiffany Blue
#7BF2DA
ΔE00 7.62
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9DDCCD #DC9DAC
analogous
#9DDCAE #9DDCCD #9DCCDC
triadic
#9DDCCD #CD9DDC #DCCD9D
tetradic
#9DDCCD #AE9DDC #DC9DAC #CCDC9D
square
#9DDCCD #AE9DDC #DC9DAC #CCDC9D
split-complementary
#9DDCCD #DC9DCC #DCAE9D
monochromatic
#43BC9F #70CCB6 #9DDCCD #CAECE4 #E8F7F3
إمكانية الوصول والتباين
On white
1.55
#9DDCCD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.55
#9DDCCD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #9DDCCD
13.55:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9DDCCD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9DDCCD | 1.00 | 1.55 | 13.55 | 13.55 |
| #FFFFFF | 1.55 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.55 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.55 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D7D5CC
Deuteranopia (green-blind)
#CCCCCE
Tritanopia (blue-blind)
#8BDED7
Achromatopsia (no color)
#D0D0D0
وسوم التصميم والكود
CSS
--color: #9ddccd; /* rgb */ color: rgb(157, 220, 205); /* oklch */ color: oklch(84.8% 0.067 178.1);
Tailwind
colors: {
custom: {
50: '#bbe7dc',
500: '#9ddccd',
950: '#000000',
},
}SCSS
$custom: #9ddccd; $custom-light: #bbe7dc; $custom-dark: #000000;
JSON
{
"hex": "#9ddccd",
"rgb": {
"r": 157,
"g": 220,
"b": 205
},
"hsl": {
"h": 165.714,
"s": 47.368,
"l": 73.922
},
"oklch": {
"l": 0.84765,
"c": 0.06739,
"h": 178.1
},
"luminance": 0.62762
}Semantic roles & 50–950 ramp
primary
#9DDCCD
secondary
#B4697B
accent
#2B4DBB
background
#FDFEFE
surface
#F8FCFC
border
#D1D5D5
text
#121615
muted
#828484