#83B2B0#83B2B0
#83B2B0 لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.398؛ OKLCH L 73.0% C 0.050 H 192.8°. أفضل لون لنص المتن هو #000000 بتباين 8.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #83B2B0 |
|---|---|
| RGB | rgb(131, 178, 176) |
| HSL | hsl(177, 23%, 61%) |
| HSV | hsv(177, 26%, 70%) |
| CMYK | cmyk(26.4%, 0%, 1.1%, 30.2%) |
| CIE-LAB | lab(69.33, -15.96, -4.04) |
| CIE-LCH | lch(69.33, 16.46, 194.21°) |
| OKLab | oklab(72.96% -0.0488 -0.0111) |
| OKLCH | oklch(72.96% 0.05 192.8) |
| XYZ | xyz(33.1144, 39.7991, 47.0031) |
| Luminance | 0.3980 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Cadetblue
#5F9EA0
ΔE00 7.39
Greyish Teal
#719F91
ΔE00 7.89
Dull Teal
#5F9E8F
ΔE00 9.57
Lightseagreen
#20B2AA
ΔE00 10.60
Grey Teal
#5E9B8A
ΔE00 10.64
Bluegrey
#85A3B2
ΔE00 10.65
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#83B2B0 #B28385
analogous
#83B298 #83B2B0 #839CB2
triadic
#83B2B0 #B083B2 #B2B083
tetradic
#83B2B0 #9883B2 #B28385 #9CB283
square
#83B2B0 #9883B2 #B28385 #9CB283
split-complementary
#83B2B0 #B2839C #B29883
monochromatic
#477371 #5F9996 #83B2B0 #A9C9C8 #CFE1E0
إمكانية الوصول والتباين
On white
2.34
#83B2B0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.96
#83B2B0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #83B2B0
8.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##83B2B0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##83B2B0 | 1.00 | 2.34 | 8.96 | 8.96 |
| #FFFFFF | 2.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.96 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.96 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#ACADB0
Deuteranopia (green-blind)
#A3A6B1
Tritanopia (blue-blind)
#74B5B1
Achromatopsia (no color)
#A9A9A9
وسوم التصميم والكود
CSS
--color: #83b2b0; /* rgb */ color: rgb(131, 178, 176); /* oklch */ color: oklch(73.0% 0.050 192.8);
Tailwind
colors: {
custom: {
50: '#a8c9c7',
500: '#83b2b0',
950: '#000000',
},
}SCSS
$custom: #83b2b0; $custom-light: #a8c9c7; $custom-dark: #000000;
JSON
{
"hex": "#83b2b0",
"rgb": {
"r": 131,
"g": 178,
"b": 176
},
"hsl": {
"h": 177.447,
"s": 23.383,
"l": 60.588
},
"oklch": {
"l": 0.72958,
"c": 0.05002,
"h": 192.8
},
"luminance": 0.39801
}Semantic roles & 50–950 ramp
primary
#83B2B0
secondary
#D1BFC0
accent
#4448A2
background
#FAFCFC
surface
#F4F8F8
border
#CED1D1
text
#101313
muted
#7F8282