#4ACEB4#4ACEB4
#4ACEB4 لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.489؛ OKLCH L 77.3% C 0.121 H 177.3°. أفضل لون لنص المتن هو #000000 بتباين 10.78:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4ACEB4 |
|---|---|
| RGB | rgb(74, 206, 180) |
| HSL | hsl(168, 57%, 55%) |
| HSV | hsv(168, 64%, 81%) |
| CMYK | cmyk(64.1%, 0%, 12.6%, 19.2%) |
| CIE-LAB | lab(75.38, -42.01, 2.38) |
| CIE-LCH | lch(75.38, 42.08, 176.76°) |
| OKLab | oklab(77.26% -0.1205 0.0056) |
| OKLCH | oklch(77.26% 0.121 177.3) |
| XYZ | xyz(33.1296, 48.8902, 50.8619) |
| Luminance | 0.4889 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Mediumaquamarine
#66CDAA
ΔE00 3.98
Turquoise (survey)
#06C2AC
ΔE00 4.12
Aquamarine (survey)
#04D8B2
ΔE00 4.23
Seafoam Blue
#78D1B6
ΔE00 4.31
Tealish
#24BCA8
ΔE00 5.26
Turquoise
#40E0D0
ΔE00 5.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4ACEB4 #CE4A64
analogous
#4ACE72 #4ACEB4 #4AA6CE
triadic
#4ACEB4 #B44ACE #CEB44A
tetradic
#4ACEB4 #724ACE #CE4A64 #A6CE4A
square
#4ACEB4 #724ACE #CE4A64 #A6CE4A
split-complementary
#4ACEB4 #CE4AA6 #CE724A
monochromatic
#227C6A #2FAC93 #4ACEB4 #7ADBC8 #AAE8DC
إمكانية الوصول والتباين
On white
1.95
#4ACEB4 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.78
#4ACEB4 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #4ACEB4
10.78:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4ACEB4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4ACEB4 | 1.00 | 1.95 | 10.78 | 10.78 |
| #FFFFFF | 1.95 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.78 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.78 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C6C2B3
Deuteranopia (green-blind)
#B3B4B6
Tritanopia (blue-blind)
#00D1C6
Achromatopsia (no color)
#BABABA
وسوم التصميم والكود
CSS
--color: #4aceb4; /* rgb */ color: rgb(74, 206, 180); /* oklch */ color: oklch(77.3% 0.121 177.3);
Tailwind
colors: {
custom: {
50: '#8bddca',
500: '#4aceb4',
950: '#000000',
},
}SCSS
$custom: #4aceb4; $custom-light: #8bddca; $custom-dark: #000000;
JSON
{
"hex": "#4aceb4",
"rgb": {
"r": 74,
"g": 206,
"b": 180
},
"hsl": {
"h": 168.182,
"s": 57.391,
"l": 54.902
},
"oklch": {
"l": 0.7726,
"c": 0.12065,
"h": 177.3
},
"luminance": 0.48894
}Semantic roles & 50–950 ramp
primary
#4ACEB4
secondary
#D69EA9
accent
#4765E1
background
#F9FDFC
surface
#F1FBF8
border
#CBD4D1
text
#0D1513
muted
#7E8382