#83FCF3#83FCF3
#83FCF3 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.809؛ OKLCH L 91.8% C 0.110 H 189.0°. أفضل لون لنص المتن هو #000000 بتباين 17.18:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #83FCF3 |
|---|---|
| RGB | rgb(131, 252, 243) |
| HSL | hsl(176, 95%, 75%) |
| HSV | hsv(176, 48%, 99%) |
| CMYK | cmyk(48%, 0%, 3.6%, 1.2%) |
| CIE-LAB | lab(92.09, -36.19, -6.22) |
| CIE-LCH | lch(92.09, 36.72, 189.75°) |
| OKLab | oklab(91.84% -0.109 -0.0174) |
| OKLCH | oklch(91.84% 0.11 189) |
| XYZ | xyz(60.3415, 80.9119, 97.2143) |
| Luminance | 0.8092 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Bright Cyan
#41FDFE
ΔE00 4.77
Light Cyan
#ACFFFC
ΔE00 4.95
Bright Turquoise
#0FFEF9
ΔE00 5.00
Aqua
#00FFFF
ΔE00 5.50
Bright Aqua
#0BF9EA
ΔE00 5.52
Tiffany Blue
#7BF2DA
ΔE00 5.56
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#83FCF3 #FC838C
analogous
#83FCB6 #83FCF3 #83C9FC
triadic
#83FCF3 #F383FC #FCF383
tetradic
#83FCF3 #B683FC #FC838C #C9FC83
square
#83FCF3 #B683FC #FC838C #C9FC83
split-complementary
#83FCF3 #FC83C9 #FCB683
monochromatic
#0BF9E7 #47FBED #83FCF3 #BFFDF9 #E1FEFC
إمكانية الوصول والتباين
On white
1.22
#83FCF3 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.18
#83FCF3 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #83FCF3
17.18:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##83FCF3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##83FCF3 | 1.00 | 1.22 | 17.18 | 17.18 |
| #FFFFFF | 1.22 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.18 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.18 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F1F1F3
Deuteranopia (green-blind)
#DCE2F4
Tritanopia (blue-blind)
#3FFFF9
Achromatopsia (no color)
#E8E8E8
وسوم التصميم والكود
CSS
--color: #83fcf3; /* rgb */ color: rgb(131, 252, 243); /* oklch */ color: oklch(91.8% 0.110 189.0);
Tailwind
colors: {
custom: {
50: '#affdf7',
500: '#83fcf3',
950: '#000000',
},
}SCSS
$custom: #83fcf3; $custom-light: #affdf7; $custom-dark: #000000;
JSON
{
"hex": "#83fcf3",
"rgb": {
"r": 131,
"g": 252,
"b": 243
},
"hsl": {
"h": 175.537,
"s": 95.276,
"l": 75.098
},
"oklch": {
"l": 0.91839,
"c": 0.1104,
"h": 189
},
"luminance": 0.80917
}Semantic roles & 50–950 ramp
primary
#83FCF3
secondary
#DB4953
accent
#0011E6
background
#FDFFFF
surface
#F8FFFE
border
#D1D7D6
text
#111817
muted
#818685