#64BB9A#64BB9A
#64BB9A لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.406؛ OKLCH L 72.8% C 0.098 H 166.9°. أفضل لون لنص المتن هو #000000 بتباين 9.12:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #64BB9A |
|---|---|
| RGB | rgb(100, 187, 154) |
| HSL | hsl(157, 39%, 56%) |
| HSV | hsv(157, 47%, 73%) |
| CMYK | cmyk(46.5%, 0%, 17.6%, 26.7%) |
| CIE-LAB | lab(69.88, -34.13, 8.66) |
| CIE-LCH | lch(69.88, 35.21, 165.76°) |
| OKLab | oklab(72.81% -0.0957 0.0222) |
| OKLCH | oklch(72.81% 0.098 166.9) |
| XYZ | xyz(28.8561, 40.5808, 36.8779) |
| Luminance | 0.4058 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Greeny Blue
#42B395
ΔE00 4.02
Mediumaquamarine
#66CDAA
ΔE00 4.67
Pale Teal
#82CBB2
ΔE00 5.73
Seafoam Blue
#78D1B6
ΔE00 6.29
Green Blue
#01C08D
ΔE00 6.48
Tea
#65AB7C
ΔE00 6.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#64BB9A #BB6485
analogous
#64BB6F #64BB9A #64B1BB
triadic
#64BB9A #9A64BB #BB9A64
tetradic
#64BB9A #6F64BB #BB6485 #B1BB64
square
#64BB9A #6F64BB #BB6485 #B1BB64
split-complementary
#64BB9A #BB64B1 #BB6F64
monochromatic
#32725A #459D7C #64BB9A #8FCEB6 #B9E0D1
إمكانية الوصول والتباين
On white
2.30
#64BB9A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.12
#64BB9A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #64BB9A
9.12:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##64BB9A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##64BB9A | 1.00 | 2.30 | 9.12 | 9.12 |
| #FFFFFF | 2.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.12 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.12 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B7B198
Deuteranopia (green-blind)
#AAA79C
Tritanopia (blue-blind)
#48BCB1
Achromatopsia (no color)
#ABABAB
وسوم التصميم والكود
CSS
--color: #64bb9a; /* rgb */ color: rgb(100, 187, 154); /* oklch */ color: oklch(72.8% 0.098 166.9);
Tailwind
colors: {
custom: {
50: '#95d0b7',
500: '#64bb9a',
950: '#000000',
},
}SCSS
$custom: #64bb9a; $custom-light: #95d0b7; $custom-dark: #000000;
JSON
{
"hex": "#64bb9a",
"rgb": {
"r": 100,
"g": 187,
"b": 154
},
"hsl": {
"h": 157.241,
"s": 39.013,
"l": 56.275
},
"oklch": {
"l": 0.72811,
"c": 0.09823,
"h": 166.9
},
"luminance": 0.40583
}Semantic roles & 50–950 ramp
primary
#64BB9A
secondary
#CFABB9
accent
#5986CF
background
#F9FCFB
surface
#F2F9F6
border
#CCD2D0
text
#0E1411
muted
#7E8280