#238299#238299
#238299 لون متوسط ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.186؛ OKLCH L 56.3% C 0.091 H 218.1°. أفضل لون لنص المتن هو #000000 بتباين 4.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #238299 |
|---|---|
| RGB | rgb(35, 130, 153) |
| HSL | hsl(192, 63%, 37%) |
| HSV | hsv(192, 77%, 60%) |
| CMYK | cmyk(77.1%, 15%, 0%, 40%) |
| CIE-LAB | lab(50.24, -18.83, -20.09) |
| CIE-LCH | lch(50.24, 27.53, 226.85°) |
| OKLab | oklab(56.35% -0.0716 -0.0561) |
| OKLCH | oklch(56.35% 0.091 218.1) |
| XYZ | xyz(14.4231, 18.6208, 32.9648) |
| Luminance | 0.1862 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Teal Blue
#01889F
ΔE00 2.52
Ocean
#017B92
ΔE00 3.00
Dirty Blue
#3F829D
ΔE00 3.90
Sea Blue
#047495
ΔE00 6.37
Cerulean
#007BA7
ΔE00 7.37
Deep Aqua
#08787F
ΔE00 8.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#238299 #993A23
analogous
#239975 #238299 #234799
triadic
#238299 #992382 #829923
tetradic
#238299 #752399 #993A23 #479923
square
#238299 #752399 #993A23 #479923
split-complementary
#238299 #992347 #997523
monochromatic
#0C2D35 #185867 #238299 #2EACCB #5DC1DA
إمكانية الوصول والتباين
On white
4.45
#238299 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.72
#238299 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #238299
4.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##238299 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##238299 | 1.00 | 4.45 | 4.72 | 4.72 |
| #FFFFFF | 4.45 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.72 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.72 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#737E9A
Deuteranopia (green-blind)
#637399
Tritanopia (blue-blind)
#008A89
Achromatopsia (no color)
#787878
وسوم التصميم والكود
CSS
--color: #238299; /* rgb */ color: rgb(35, 130, 153); /* oklch */ color: oklch(56.3% 0.091 218.1);
Tailwind
colors: {
custom: {
50: '#71a6b7',
500: '#238299',
950: '#000000',
},
}SCSS
$custom: #238299; $custom-light: #71a6b7; $custom-dark: #000000;
JSON
{
"hex": "#238299",
"rgb": {
"r": 35,
"g": 130,
"b": 153
},
"hsl": {
"h": 191.695,
"s": 62.766,
"l": 36.863
},
"oklch": {
"l": 0.56347,
"c": 0.09097,
"h": 218.1
},
"luminance": 0.18622
}Semantic roles & 50–950 ramp
primary
#238299
secondary
#BE6D59
accent
#6242E6
background
#F7FAFB
surface
#EDF4F6
border
#C8CED0
text
#090F11
muted
#7B7F80