#23AC8A#23AC8A
#23AC8A لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.317؛ OKLCH L 66.6% C 0.123 H 171.0°. أفضل لون لنص المتن هو #000000 بتباين 7.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #23AC8A |
|---|---|
| RGB | rgb(35, 172, 138) |
| HSL | hsl(165, 66%, 41%) |
| HSV | hsv(165, 80%, 67%) |
| CMYK | cmyk(79.7%, 0%, 19.8%, 32.5%) |
| CIE-LAB | lab(63.09, -43.36, 7.53) |
| CIE-LCH | lch(63.09, 44.01, 170.15°) |
| OKLab | oklab(66.64% -0.1212 0.0192) |
| OKLCH | oklch(66.64% 0.123 171) |
| XYZ | xyz(20.0306, 31.6949, 29.1019) |
| Luminance | 0.3170 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Greeny Blue
#42B395
ΔE00 3.03
Bluish Green
#10A674
ΔE00 4.93
Jade
#1FA774
ΔE00 5.05
Bluey Green
#2BB179
ΔE00 5.77
Teal Green
#25A36F
ΔE00 6.01
Dark Seafoam
#1FB57A
ΔE00 6.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#23AC8A #AC2345
analogous
#23AC45 #23AC8A #238AAC
triadic
#23AC8A #8A23AC #AC8A23
tetradic
#23AC8A #4523AC #AC2345 #8AAC23
square
#23AC8A #4523AC #AC2345 #8AAC23
split-complementary
#23AC8A #AC238A #AC4523
monochromatic
#0E4638 #197961 #23AC8A #36D6AE #69E0C3
إمكانية الوصول والتباين
On white
2.86
#23AC8A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.34
#23AC8A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #23AC8A
7.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##23AC8A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##23AC8A | 1.00 | 2.86 | 7.34 | 7.34 |
| #FFFFFF | 2.86 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.34 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.34 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A7A088
Deuteranopia (green-blind)
#96948C
Tritanopia (blue-blind)
#00ADA2
Achromatopsia (no color)
#999999
وسوم التصميم والكود
CSS
--color: #23ac8a; /* rgb */ color: rgb(35, 172, 138); /* oklch */ color: oklch(66.6% 0.123 171.0);
Tailwind
colors: {
custom: {
50: '#76c5ac',
500: '#23ac8a',
950: '#000000',
},
}SCSS
$custom: #23ac8a; $custom-light: #76c5ac; $custom-dark: #000000;
JSON
{
"hex": "#23ac8a",
"rgb": {
"r": 35,
"g": 172,
"b": 138
},
"hsl": {
"h": 165.109,
"s": 66.184,
"l": 40.588
},
"oklch": {
"l": 0.66644,
"c": 0.12272,
"h": 171
},
"luminance": 0.31697
}Semantic roles & 50–950 ramp
primary
#23AC8A
secondary
#C6647D
accent
#3F69E9
background
#F7FCFA
surface
#EEF8F4
border
#C9D1CE
text
#0A1310
muted
#7C827F