#97EDF3#97EDF3
#97EDF3 لون فاتح جداً ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.736؛ OKLCH L 89.4% C 0.083 H 201.4°. أفضل لون لنص المتن هو #000000 بتباين 15.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #97EDF3 |
|---|---|
| RGB | rgb(151, 237, 243) |
| HSL | hsl(184, 79%, 77%) |
| HSV | hsv(184, 38%, 95%) |
| CMYK | cmyk(37.9%, 2.5%, 0%, 4.7%) |
| CIE-LAB | lab(88.74, -24.42, -11.10) |
| CIE-LCH | lch(88.74, 26.82, 204.45°) |
| OKLab | oklab(89.37% -0.0777 -0.0305) |
| OKLCH | oklch(89.37% 0.083 201.4) |
| XYZ | xyz(59.2185, 73.6147, 95.8652) |
| Luminance | 0.7362 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Robin'S Egg Blue
#98EFF9
ΔE00 1.52
Robin Egg Blue
#8AF1FE
ΔE00 2.69
Paleturquoise
#AFEEEE
ΔE00 3.69
Robin'S Egg
#6DEDFD
ΔE00 4.50
Light Cyan
#ACFFFC
ΔE00 5.01
Pale Sky Blue
#BDF6FE
ΔE00 5.61
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#97EDF3 #F39D97
analogous
#97F3CB #97EDF3 #97BFF3
triadic
#97EDF3 #F397ED #EDF397
tetradic
#97EDF3 #CB97F3 #F39D97 #BFF397
square
#97EDF3 #CB97F3 #F39D97 #BFF397
split-complementary
#97EDF3 #F397BF #F3CB97
monochromatic
#29DAE6 #60E4ED #97EDF3 #CEF6F9 #E4FAFC
إمكانية الوصول والتباين
On white
1.34
#97EDF3 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.72
#97EDF3 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #97EDF3
15.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##97EDF3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##97EDF3 | 1.00 | 1.34 | 15.72 | 15.72 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.72 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.72 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E1E6F4
Deuteranopia (green-blind)
#D1DAF4
Tritanopia (blue-blind)
#70F3EF
Achromatopsia (no color)
#DFDFDF
وسوم التصميم والكود
CSS
--color: #97edf3; /* rgb */ color: rgb(151, 237, 243); /* oklch */ color: oklch(89.4% 0.083 201.4);
Tailwind
colors: {
custom: {
50: '#b9f3f7',
500: '#97edf3',
950: '#000000',
},
}SCSS
$custom: #97edf3; $custom-light: #b9f3f7; $custom-dark: #000000;
JSON
{
"hex": "#97edf3",
"rgb": {
"r": 151,
"g": 237,
"b": 243
},
"hsl": {
"h": 183.913,
"s": 79.31,
"l": 77.255
},
"oklch": {
"l": 0.89367,
"c": 0.08345,
"h": 201.4
},
"luminance": 0.73619
}Semantic roles & 50–950 ramp
primary
#97EDF3
secondary
#D1655D
accent
#180ADC
background
#FDFFFF
surface
#F8FEFE
border
#D1D6D6
text
#121717
muted
#828585