#9CFDC6#9CFDC6
#9CFDC6 لون فاتح جداً ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.814؛ OKLCH L 91.9% C 0.120 H 158.1°. أفضل لون لنص المتن هو #000000 بتباين 17.28:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9CFDC6 |
|---|---|
| RGB | rgb(156, 253, 198) |
| HSL | hsl(146, 96%, 80%) |
| HSV | hsv(146, 38%, 99%) |
| CMYK | cmyk(38.3%, 0%, 21.7%, 0.8%) |
| CIE-LAB | lab(92.31, -40.25, 17.46) |
| CIE-LCH | lch(92.31, 43.88, 156.55°) |
| OKLab | oklab(91.93% -0.1112 0.0448) |
| OKLCH | oklch(91.93% 0.12 158.1) |
| XYZ | xyz(59.0246, 81.3920, 66.0152) |
| Luminance | 0.8140 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Light Seafoam
#A0FEBF
ΔE00 1.95
Light Aquamarine
#7BFDC7
ΔE00 3.53
Light Sea Green
#98F6B0
ΔE00 3.83
Mint
#AAF0C1
ΔE00 3.98
Light Blue Green
#7EFBB3
ΔE00 4.08
Pale Turquoise
#A5FBD5
ΔE00 4.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9CFDC6 #FD9CD3
analogous
#A3FD9C #9CFDC6 #9CFDF6
triadic
#9CFDC6 #C69CFD #FDC69C
tetradic
#9CFDC6 #9CA3FD #FD9CD3 #FDF69C
square
#9CFDC6 #9CA3FD #FD9CD3 #FDF69C
split-complementary
#9CFDC6 #F69CFD #FD9CA3
monochromatic
#24FB81 #60FCA3 #9CFDC6 #D8FEE9 #E1FEEE
إمكانية الوصول والتباين
On white
1.22
#9CFDC6 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.28
#9CFDC6 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #9CFDC6
17.28:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9CFDC6 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9CFDC6 | 1.00 | 1.22 | 17.28 | 17.28 |
| #FFFFFF | 1.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.28 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.28 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FBEFC3
Deuteranopia (green-blind)
#ECE5C9
Tritanopia (blue-blind)
#87FCEE
Achromatopsia (no color)
#E9E9E9
وسوم التصميم والكود
CSS
--color: #9cfdc6; /* rgb */ color: rgb(156, 253, 198); /* oklch */ color: oklch(91.9% 0.120 158.1);
Tailwind
colors: {
custom: {
50: '#bcfed7',
500: '#9cfdc6',
950: '#000000',
},
}SCSS
$custom: #9cfdc6; $custom-light: #bcfed7; $custom-dark: #000000;
JSON
{
"hex": "#9cfdc6",
"rgb": {
"r": 156,
"g": 253,
"b": 198
},
"hsl": {
"h": 145.979,
"s": 96.04,
"l": 80.196
},
"oklch": {
"l": 0.91932,
"c": 0.11991,
"h": 158.1
},
"luminance": 0.81396
}Semantic roles & 50–950 ramp
primary
#9CFDC6
secondary
#DF5EA7
accent
#0082E6
background
#FDFFFE
surface
#F9FFFB
border
#D2D7D4
text
#121814
muted
#828683