#235144#235144
#235144 لون داكن وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.067؛ OKLCH L 39.8% C 0.056 H 172.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.01:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #235144 |
|---|---|
| RGB | rgb(35, 81, 68) |
| HSL | hsl(163, 40%, 23%) |
| HSV | hsv(163, 57%, 32%) |
| CMYK | cmyk(56.8%, 0%, 16%, 68.2%) |
| CIE-LAB | lab(31.02, -19.42, 2.87) |
| CIE-LCH | lch(31.02, 19.63, 171.58°) |
| OKLab | oklab(39.83% -0.0551 0.0073) |
| OKLCH | oklch(39.83% 0.056 172.5) |
| XYZ | xyz(4.6785, 6.6591, 6.5065) |
| Luminance | 0.0666 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Blue Green
#005249
ΔE00 3.85
Dark Green Blue
#1F6357
ΔE00 6.32
Dark Turquoise
#045C5A
ΔE00 7.01
Dark Teal
#014D4E
ΔE00 7.01
Darkslategray
#2F4F4F
ΔE00 7.50
Evergreen
#05472A
ΔE00 7.68
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#235144 #512330
analogous
#23512D #235144 #234751
triadic
#235144 #442351 #514423
tetradic
#235144 #2D2351 #512330 #475123
square
#235144 #2D2351 #512330 #475123
split-complementary
#235144 #512347 #512D23
monochromatic
#091512 #112620 #235144 #357C68 #48A68C
إمكانية الوصول والتباين
On white
9.01
#235144 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.33
#235144 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #235144
9.01:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##235144 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##235144 | 1.00 | 9.01 | 2.33 | 9.01 |
| #FFFFFF | 9.01 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.33 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.01 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4F4C43
Deuteranopia (green-blind)
#474745
Tritanopia (blue-blind)
#0E524D
Achromatopsia (no color)
#494949
وسوم التصميم والكود
CSS
--color: #235144; /* rgb */ color: rgb(35, 81, 68); /* oklch */ color: oklch(39.8% 0.056 172.5);
Tailwind
colors: {
custom: {
50: '#628277',
500: '#235144',
950: '#000000',
},
}SCSS
$custom: #235144; $custom-light: #628277; $custom-dark: #000000;
JSON
{
"hex": "#235144",
"rgb": {
"r": 35,
"g": 81,
"b": 68
},
"hsl": {
"h": 163.043,
"s": 39.655,
"l": 22.745
},
"oklch": {
"l": 0.39832,
"c": 0.05559,
"h": 172.5
},
"luminance": 0.0666
}Semantic roles & 50–950 ramp
primary
#235144
secondary
#854B5B
accent
#587AD0
background
#F6F7F7
surface
#EBEEED
border
#C6C9C8
text
#050A08
muted
#7A7C7B