#95F8FB#95F8FB
#95F8FB لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.805؛ OKLCH L 92.0% C 0.093 H 198.2°. أفضل لون لنص المتن هو #000000 بتباين 17.10:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #95F8FB |
|---|---|
| RGB | rgb(149, 248, 251) |
| HSL | hsl(182, 93%, 78%) |
| HSV | hsv(182, 41%, 98%) |
| CMYK | cmyk(40.6%, 1.2%, 0%, 1.6%) |
| CIE-LAB | lab(91.90, -28.30, -10.57) |
| CIE-LCH | lch(91.90, 30.21, 200.49°) |
| OKLab | oklab(91.95% -0.0887 -0.0291) |
| OKLCH | oklch(91.95% 0.093 198.2) |
| XYZ | xyz(63.3678, 80.4847, 103.4440) |
| Luminance | 0.8049 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Light Cyan
#ACFFFC
ΔE00 3.21
Robin'S Egg Blue
#98EFF9
ΔE00 3.55
Robin Egg Blue
#8AF1FE
ΔE00 3.74
Pale Cyan
#B7FFFA
ΔE00 4.69
Paleturquoise
#AFEEEE
ΔE00 4.85
Robin'S Egg
#6DEDFD
ΔE00 5.26
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#95F8FB #FB9895
analogous
#95FBCB #95F8FB #95C5FB
triadic
#95F8FB #FB95F8 #F8FB95
tetradic
#95F8FB #CB95FB #FB9895 #C5FB95
square
#95F8FB #CB95FB #FB9895 #C5FB95
split-complementary
#95F8FB #FB95C5 #FBCB95
monochromatic
#1FF0F7 #5AF4F9 #95F8FB #D0FCFD #E2FDFE
إمكانية الوصول والتباين
On white
1.23
#95F8FB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.10
#95F8FB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #95F8FB
17.10:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##95F8FB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##95F8FB | 1.00 | 1.23 | 17.10 | 17.10 |
| #FFFFFF | 1.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.10 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.10 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#ECF0FB
Deuteranopia (green-blind)
#DAE2FC
Tritanopia (blue-blind)
#66FEF9
Achromatopsia (no color)
#E8E8E8
وسوم التصميم والكود
CSS
--color: #95f8fb; /* rgb */ color: rgb(149, 248, 251); /* oklch */ color: oklch(92.0% 0.093 198.2);
Tailwind
colors: {
custom: {
50: '#b9fafc',
500: '#95f8fb',
950: '#000000',
},
}SCSS
$custom: #95f8fb; $custom-light: #b9fafc; $custom-dark: #000000;
JSON
{
"hex": "#95f8fb",
"rgb": {
"r": 149,
"g": 248,
"b": 251
},
"hsl": {
"h": 181.765,
"s": 92.727,
"l": 78.431
},
"oklch": {
"l": 0.91951,
"c": 0.09338,
"h": 198.2
},
"luminance": 0.80489
}Semantic roles & 50–950 ramp
primary
#95F8FB
secondary
#DC5C59
accent
#0700E6
background
#FDFFFF
surface
#F8FFFF
border
#D1D7D7
text
#121717
muted
#828585