#4AFFDA#4AFFDA
#4AFFDA لون فاتح جداً وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.780؛ OKLCH L 90.1% C 0.152 H 175.7°. أفضل لون لنص المتن هو #000000 بتباين 16.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4AFFDA |
|---|---|
| RGB | rgb(74, 255, 218) |
| HSL | hsl(168, 100%, 65%) |
| HSV | hsv(168, 71%, 100%) |
| CMYK | cmyk(71%, 0%, 14.5%, 0%) |
| CIE-LAB | lab(90.79, -53.40, 4.66) |
| CIE-LCH | lch(90.79, 53.61, 175.02°) |
| OKLab | oklab(90.15% -0.1519 0.0115) |
| OKLCH | oklch(90.15% 0.152 175.7) |
| XYZ | xyz(51.2325, 78.0318, 78.6776) |
| Luminance | 0.7804 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Bright Teal
#01F9C6
ΔE00 3.92
Aquamarine
#7FFFD4
ΔE00 4.10
Light Aqua
#8CFFDB
ΔE00 4.58
Light Turquoise
#7EF4CC
ΔE00 4.74
Aqua (survey)
#13EAC9
ΔE00 4.76
Tiffany Blue
#7BF2DA
ΔE00 5.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4AFFDA #FF4A6F
analogous
#4AFF80 #4AFFDA #4AC9FF
triadic
#4AFFDA #DA4AFF #FFDA4A
tetradic
#4AFFDA #804AFF #FF4A6F #C9FF4A
square
#4AFFDA #804AFF #FF4A6F #C9FF4A
split-complementary
#4AFFDA #FF4AC9 #FF804A
monochromatic
#00CFA4 #0DFFCD #4AFFDA #87FFE7 #C4FFF3
إمكانية الوصول والتباين
On white
1.26
#4AFFDA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.61
#4AFFDA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #4AFFDA
16.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4AFFDA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4AFFDA | 1.00 | 1.26 | 16.61 | 16.61 |
| #FFFFFF | 1.26 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.61 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.61 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F6EFD8
Deuteranopia (green-blind)
#DDDDDD
Tritanopia (blue-blind)
#00FFF4
Achromatopsia (no color)
#E5E5E5
وسوم التصميم والكود
CSS
--color: #4affda; /* rgb */ color: rgb(74, 255, 218); /* oklch */ color: oklch(90.1% 0.152 175.7);
Tailwind
colors: {
custom: {
50: '#94ffe5',
500: '#4affda',
950: '#000000',
},
}SCSS
$custom: #4affda; $custom-light: #94ffe5; $custom-dark: #000000;
JSON
{
"hex": "#4affda",
"rgb": {
"r": 74,
"g": 255,
"b": 218
},
"hsl": {
"h": 167.735,
"s": 100,
"l": 64.51
},
"oklch": {
"l": 0.90146,
"c": 0.15238,
"h": 175.7
},
"luminance": 0.78038
}Semantic roles & 50–950 ramp
primary
#4AFFDA
secondary
#CA2446
accent
#002FE6
background
#FCFFFE
surface
#F5FFFC
border
#CFD7D5
text
#0F1815
muted
#808684