#64BAC2#64BAC2
#64BAC2 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.417؛ OKLCH L 73.8% C 0.084 H 203.4°. أفضل لون لنص المتن هو #000000 بتباين 9.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #64BAC2 |
|---|---|
| RGB | rgb(100, 186, 194) |
| HSL | hsl(185, 44%, 58%) |
| HSV | hsv(185, 48%, 76%) |
| CMYK | cmyk(48.5%, 4.1%, 0%, 23.9%) |
| CIE-LAB | lab(70.68, -23.80, -12.09) |
| CIE-LCH | lch(70.68, 26.69, 206.93°) |
| OKLab | oklab(73.81% -0.077 -0.0333) |
| OKLCH | oklch(73.81% 0.084 203.4) |
| XYZ | xyz(32.5482, 41.7194, 57.3659) |
| Luminance | 0.4172 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Turquoise Blue
#06B1C4
ΔE00 5.91
Darkturquoise
#00CED1
ΔE00 7.73
Cadetblue
#5F9EA0
ΔE00 8.43
Mediumturquoise
#48D1CC
ΔE00 8.52
Aqua Blue
#02D8E9
ΔE00 8.79
Lightseagreen
#20B2AA
ΔE00 8.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#64BAC2 #C26C64
analogous
#64C29B #64BAC2 #648BC2
triadic
#64BAC2 #C264BA #BAC264
tetradic
#64BAC2 #9B64C2 #C26C64 #8BC264
square
#64BAC2 #9B64C2 #C26C64 #8BC264
split-complementary
#64BAC2 #C2648B #C29B64
monochromatic
#30757B #429EA7 #64BAC2 #90CED3 #BCE1E5
إمكانية الوصول والتباين
On white
2.25
#64BAC2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.34
#64BAC2 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #64BAC2
9.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##64BAC2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##64BAC2 | 1.00 | 2.25 | 9.34 | 9.34 |
| #FFFFFF | 2.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.34 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.34 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AEB4C3
Deuteranopia (green-blind)
#9FA8C2
Tritanopia (blue-blind)
#2DC0BC
Achromatopsia (no color)
#ADADAD
وسوم التصميم والكود
CSS
--color: #64bac2; /* rgb */ color: rgb(100, 186, 194); /* oklch */ color: oklch(73.8% 0.084 203.4);
Tailwind
colors: {
custom: {
50: '#97cfd4',
500: '#64bac2',
950: '#000000',
},
}SCSS
$custom: #64bac2; $custom-light: #97cfd4; $custom-dark: #000000;
JSON
{
"hex": "#64bac2",
"rgb": {
"r": 100,
"g": 186,
"b": 194
},
"hsl": {
"h": 185.106,
"s": 43.519,
"l": 57.647
},
"oklch": {
"l": 0.73814,
"c": 0.0839,
"h": 203.4
},
"luminance": 0.41722
}Semantic roles & 50–950 ramp
primary
#64BAC2
secondary
#D4B1AE
accent
#5F55D3
background
#F9FCFD
surface
#F2F9FA
border
#CCD2D3
text
#0E1314
muted
#7E8283