#9FEFF5#9FEFF5
#9FEFF5 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.757؛ OKLCH L 90.3% C 0.078 H 201.9°. أفضل لون لنص المتن هو #000000 بتباين 16.14:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #9FEFF5 |
|---|---|
| RGB | rgb(159, 239, 245) |
| HSL | hsl(184, 81%, 79%) |
| HSV | hsv(184, 35%, 96%) |
| CMYK | cmyk(35.1%, 2.4%, 0%, 3.9%) |
| CIE-LAB | lab(89.72, -22.88, -10.65) |
| CIE-LCH | lch(89.72, 25.24, 204.97°) |
| OKLab | oklab(90.27% -0.0728 -0.0292) |
| OKLCH | oklch(90.27% 0.078 201.9) |
| XYZ | xyz(61.6402, 75.6926, 97.7306) |
| Luminance | 0.7570 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Robin'S Egg Blue
#98EFF9
ΔE00 1.49
Paleturquoise
#AFEEEE
ΔE00 3.04
Robin Egg Blue
#8AF1FE
ΔE00 3.07
Pale Sky Blue
#BDF6FE
ΔE00 4.65
Light Cyan
#ACFFFC
ΔE00 4.68
Robin'S Egg
#6DEDFD
ΔE00 5.18
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#9FEFF5 #F5A59F
analogous
#9FF5D0 #9FEFF5 #9FC4F5
triadic
#9FEFF5 #F59FEF #EFF59F
tetradic
#9FEFF5 #D09FF5 #F5A59F #C4F59F
square
#9FEFF5 #D09FF5 #F5A59F #C4F59F
split-complementary
#9FEFF5 #F59FC4 #F5D09F
monochromatic
#30DDE9 #68E6EF #9FEFF5 #D6F8FB #E3FAFC
إمكانية الوصول والتباين
On white
1.30
#9FEFF5 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.14
#9FEFF5 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #9FEFF5
16.14:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##9FEFF5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9FEFF5 | 1.00 | 1.30 | 16.14 | 16.14 |
| #FFFFFF | 1.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.14 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.14 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E4E8F6
Deuteranopia (green-blind)
#D5DDF6
Tritanopia (blue-blind)
#7DF5F1
Achromatopsia (no color)
#E2E2E2
وسوم التصميم والكود
CSS
--color: #9feff5; /* rgb */ color: rgb(159, 239, 245); /* oklch */ color: oklch(90.3% 0.078 201.9);
Tailwind
colors: {
custom: {
50: '#bff4f8',
500: '#9feff5',
950: '#000000',
},
}SCSS
$custom: #9feff5; $custom-light: #bff4f8; $custom-dark: #000000;
JSON
{
"hex": "#9feff5",
"rgb": {
"r": 159,
"g": 239,
"b": 245
},
"hsl": {
"h": 184.186,
"s": 81.132,
"l": 79.216
},
"oklch": {
"l": 0.90266,
"c": 0.07846,
"h": 201.9
},
"luminance": 0.75697
}Semantic roles & 50–950 ramp
primary
#9FEFF5
secondary
#D46C64
accent
#1708DD
background
#FDFFFF
surface
#F9FEFE
border
#D2D6D6
text
#121717
muted
#828585