#52ACC0#52ACC0
#52ACC0 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.351؛ OKLCH L 69.7% C 0.090 H 214.3°. أفضل لون لنص المتن هو #000000 بتباين 8.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #52ACC0 |
|---|---|
| RGB | rgb(82, 172, 192) |
| HSL | hsl(191, 47%, 54%) |
| HSV | hsv(191, 57%, 75%) |
| CMYK | cmyk(57.3%, 10.4%, 0%, 24.7%) |
| CIE-LAB | lab(65.83, -21.04, -18.36) |
| CIE-LCH | lch(65.83, 27.92, 221.12°) |
| OKLab | oklab(69.72% -0.0745 -0.0509) |
| OKLCH | oklch(69.72% 0.09 214.3) |
| XYZ | xyz(27.7428, 35.1020, 55.1723) |
| Luminance | 0.3510 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Turquoise Blue
#06B1C4
ΔE00 4.39
Cadetblue
#5F9EA0
ΔE00 7.78
Greyblue
#77A1B5
ΔE00 7.80
Bluegrey
#85A3B2
ΔE00 9.96
Sky Blue
#87CEEB
ΔE00 10.97
Bright Sky Blue
#02CCFE
ΔE00 11.06
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#52ACC0 #C06652
analogous
#52C09D #52ACC0 #5275C0
triadic
#52ACC0 #C052AC #ACC052
tetradic
#52ACC0 #9D52C0 #C06652 #75C052
square
#52ACC0 #9D52C0 #C06652 #75C052
split-complementary
#52ACC0 #C05275 #C09D52
monochromatic
#28626F #398A9C #52ACC0 #7FC2D0 #ACD7E1
إمكانية الوصول والتباين
On white
2.62
#52ACC0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.02
#52ACC0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #52ACC0
8.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##52ACC0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##52ACC0 | 1.00 | 2.62 | 8.02 | 8.02 |
| #FFFFFF | 2.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.02 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9DA7C1
Deuteranopia (green-blind)
#8D9BC0
Tritanopia (blue-blind)
#00B4B2
Achromatopsia (no color)
#A0A0A0
وسوم التصميم والكود
CSS
--color: #52acc0; /* rgb */ color: rgb(82, 172, 192); /* oklch */ color: oklch(69.7% 0.090 214.3);
Tailwind
colors: {
custom: {
50: '#8cc5d3',
500: '#52acc0',
950: '#000000',
},
}SCSS
$custom: #52acc0; $custom-light: #8cc5d3; $custom-dark: #000000;
JSON
{
"hex": "#52acc0",
"rgb": {
"r": 82,
"g": 172,
"b": 192
},
"hsl": {
"h": 190.909,
"s": 46.61,
"l": 53.725
},
"oklch": {
"l": 0.69716,
"c": 0.0902,
"h": 214.3
},
"luminance": 0.35105
}Semantic roles & 50–950 ramp
primary
#52ACC0
secondary
#CEA89F
accent
#6A52D6
background
#F9FCFC
surface
#F1F8F9
border
#CBD1D2
text
#0D1214
muted
#7E8182