#83CCC1#83CCC1
#83CCC1 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.519؛ OKLCH L 79.4% C 0.075 H 183.9°. أفضل لون لنص المتن هو #000000 بتباين 11.37:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #83CCC1 |
|---|---|
| RGB | rgb(131, 204, 193) |
| HSL | hsl(171, 42%, 66%) |
| HSV | hsv(171, 36%, 80%) |
| CMYK | cmyk(35.8%, 0%, 5.4%, 20%) |
| CIE-LAB | lab(77.20, -25.23, -1.73) |
| CIE-LCH | lch(77.20, 25.29, 183.93°) |
| OKLab | oklab(79.41% -0.0747 -0.005) |
| OKLCH | oklch(79.41% 0.075 183.9) |
| XYZ | xyz(40.5751, 51.8587, 58.3134) |
| Luminance | 0.5186 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 5.01
Seafoam Blue
#78D1B6
ΔE00 5.67
Mediumturquoise
#48D1CC
ΔE00 6.30
Turquoise
#40E0D0
ΔE00 8.00
Mediumaquamarine
#66CDAA
ΔE00 8.28
Darkturquoise
#00CED1
ΔE00 8.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#83CCC1 #CC838E
analogous
#83CC9C #83CCC1 #83B2CC
triadic
#83CCC1 #C183CC #CCC183
tetradic
#83CCC1 #9C83CC #CC838E #B2CC83
square
#83CCC1 #9C83CC #CC838E #B2CC83
split-complementary
#83CCC1 #CC83B2 #CC9C83
monochromatic
#3E9789 #58BAAB #83CCC1 #AEDED7 #DAF0EC
إمكانية الوصول والتباين
On white
1.85
#83CCC1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.37
#83CCC1 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #83CCC1
11.37:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##83CCC1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##83CCC1 | 1.00 | 1.85 | 11.37 | 11.37 |
| #FFFFFF | 1.85 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.37 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.37 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C5C4C1
Deuteranopia (green-blind)
#B8BBC2
Tritanopia (blue-blind)
#6ACFC8
Achromatopsia (no color)
#BFBFBF
وسوم التصميم والكود
CSS
--color: #83ccc1; /* rgb */ color: rgb(131, 204, 193); /* oklch */ color: oklch(79.4% 0.075 183.9);
Tailwind
colors: {
custom: {
50: '#aadbd3',
500: '#83ccc1',
950: '#000000',
},
}SCSS
$custom: #83ccc1; $custom-light: #aadbd3; $custom-dark: #000000;
JSON
{
"hex": "#83ccc1",
"rgb": {
"r": 131,
"g": 204,
"b": 193
},
"hsl": {
"h": 170.959,
"s": 41.714,
"l": 65.686
},
"oklch": {
"l": 0.79407,
"c": 0.07488,
"h": 183.9
},
"luminance": 0.51861
}Semantic roles & 50–950 ramp
primary
#83CCC1
secondary
#9D5661
accent
#3145B5
background
#FDFEFE
surface
#F7FCFB
border
#D0D5D4
text
#101514
muted
#818483