#5FDFF0#5FDFF0
#5FDFF0 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.615؛ OKLCH L 83.9% C 0.114 H 207.3°. أفضل لون لنص المتن هو #000000 بتباين 13.30:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5FDFF0 |
|---|---|
| RGB | rgb(95, 223, 240) |
| HSL | hsl(187, 83%, 66%) |
| HSV | hsv(187, 60%, 94%) |
| CMYK | cmyk(60.4%, 7.1%, 0%, 5.9%) |
| CIE-LAB | lab(82.64, -30.28, -18.88) |
| CIE-LCH | lch(82.64, 35.69, 211.94°) |
| OKLab | oklab(83.87% -0.1015 -0.0523) |
| OKLCH | oklch(83.87% 0.114 207.3) |
| XYZ | xyz(46.8286, 61.4946, 91.8229) |
| Luminance | 0.6150 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Robin'S Egg
#6DEDFD
ΔE00 3.18
Aqua Blue
#02D8E9
ΔE00 3.70
Robin Egg Blue
#8AF1FE
ΔE00 4.95
Robin'S Egg Blue
#98EFF9
ΔE00 5.83
Neon Blue
#04D9FF
ΔE00 5.94
Bright Light Blue
#26F7FD
ΔE00 7.46
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5FDFF0 #F0705F
analogous
#5FF0B8 #5FDFF0 #5F97F0
triadic
#5FDFF0 #F05FDF #DFF05F
tetradic
#5FDFF0 #B85FF0 #F0705F #97F05F
square
#5FDFF0 #B85FF0 #F0705F #97F05F
split-complementary
#5FDFF0 #F05F97 #F0B85F
monochromatic
#12AEC2 #27D4EB #5FDFF0 #97EAF5 #CFF5FA
إمكانية الوصول والتباين
On white
1.58
#5FDFF0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.30
#5FDFF0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #5FDFF0
13.30:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5FDFF0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5FDFF0 | 1.00 | 1.58 | 13.30 | 13.30 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.30 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.30 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CED7F1
Deuteranopia (green-blind)
#B8C7F0
Tritanopia (blue-blind)
#00E8E4
Achromatopsia (no color)
#CECECE
وسوم التصميم والكود
CSS
--color: #5fdff0; /* rgb */ color: rgb(95, 223, 240); /* oklch */ color: oklch(83.9% 0.114 207.3);
Tailwind
colors: {
custom: {
50: '#9ae9f5',
500: '#5fdff0',
950: '#000000',
},
}SCSS
$custom: #5fdff0; $custom-light: #9ae9f5; $custom-dark: #000000;
JSON
{
"hex": "#5fdff0",
"rgb": {
"r": 95,
"g": 223,
"b": 240
},
"hsl": {
"h": 187.034,
"s": 82.857,
"l": 65.686
},
"oklch": {
"l": 0.8387,
"c": 0.11421,
"h": 207.3
},
"luminance": 0.615
}Semantic roles & 50–950 ramp
primary
#5FDFF0
secondary
#C04433
accent
#2006DF
background
#FCFEFF
surface
#F6FDFE
border
#D0D5D6
text
#0F1617
muted
#808485