#23A596#23A596
#23A596 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.295؛ OKLCH L 65.2% C 0.109 H 183.1°. أفضل لون لنص المتن هو #000000 بتباين 6.89:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #23A596 |
|---|---|
| RGB | rgb(35, 165, 150) |
| HSL | hsl(173, 65%, 39%) |
| HSV | hsv(173, 79%, 65%) |
| CMYK | cmyk(78.8%, 0%, 9.1%, 35.3%) |
| CIE-LAB | lab(61.19, -37.07, -1.93) |
| CIE-LCH | lch(61.19, 37.12, 182.98°) |
| OKLab | oklab(65.19% -0.1085 -0.0058) |
| OKLCH | oklch(65.19% 0.109 183.1) |
| XYZ | xyz(19.6506, 29.4672, 33.5003) |
| Luminance | 0.2947 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Blue Green
#0F9B8E
ΔE00 3.29
Lightseagreen
#20B2AA
ΔE00 4.78
Sea
#3C9992
ΔE00 4.91
Teal (survey)
#029386
ΔE00 5.95
Dull Teal
#5F9E8F
ΔE00 6.12
Topaz
#13BBAF
ΔE00 6.50
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#23A596 #A52332
analogous
#23A555 #23A596 #2373A5
triadic
#23A596 #9623A5 #A59623
tetradic
#23A596 #5523A5 #A52332 #73A523
square
#23A596 #5523A5 #A52332 #73A523
split-complementary
#23A596 #A52373 #A55523
monochromatic
#0E403A #187368 #23A596 #32D3C1 #64DED0
إمكانية الوصول والتباين
On white
3.05
#23A596 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.89
#23A596 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #23A596
6.89:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##23A596 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##23A596 | 1.00 | 3.05 | 6.89 | 6.89 |
| #FFFFFF | 3.05 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.89 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.89 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9D9B95
Deuteranopia (green-blind)
#8C8E97
Tritanopia (blue-blind)
#00A8A0
Achromatopsia (no color)
#949494
وسوم التصميم والكود
CSS
--color: #23a596; /* rgb */ color: rgb(35, 165, 150); /* oklch */ color: oklch(65.2% 0.109 183.1);
Tailwind
colors: {
custom: {
50: '#76c0b4',
500: '#23a596',
950: '#000000',
},
}SCSS
$custom: #23a596; $custom-light: #76c0b4; $custom-dark: #000000;
JSON
{
"hex": "#23a596",
"rgb": {
"r": 35,
"g": 165,
"b": 150
},
"hsl": {
"h": 173.077,
"s": 65,
"l": 39.216
},
"oklch": {
"l": 0.65194,
"c": 0.10862,
"h": 183.1
},
"luminance": 0.2947
}Semantic roles & 50–950 ramp
primary
#23A596
secondary
#C4606C
accent
#4053E8
background
#F7FBFB
surface
#EEF7F6
border
#C9D0D0
text
#0A1211
muted
#7C8180