#03413C#03413C
#03413C لون داكن وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.041؛ OKLCH L 33.8% C 0.058 H 186.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #03413C |
|---|---|
| RGB | rgb(3, 65, 60) |
| HSL | hsl(175, 91%, 13%) |
| HSV | hsv(175, 95%, 25%) |
| CMYK | cmyk(95.4%, 0%, 7.7%, 74.5%) |
| CIE-LAB | lab(24.08, -19.40, -2.16) |
| CIE-LCH | lch(24.08, 19.52, 186.34°) |
| OKLab | oklab(33.84% -0.0575 -0.0061) |
| OKLCH | oklch(33.84% 0.058 186.1) |
| XYZ | xyz(2.7431, 4.1258, 4.9259) |
| Luminance | 0.0413 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Teal
#014D4E
ΔE00 4.85
Dark Blue Green
#005249
ΔE00 5.71
Darkslategray
#2F4F4F
ΔE00 7.88
Deep Teal
#00555A
ΔE00 8.04
Dark Turquoise
#045C5A
ΔE00 8.79
Evergreen
#05472A
ΔE00 10.11
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#03413C #410308
analogous
#03411D #03413C #032741
triadic
#03413C #3C0341 #413C03
tetradic
#03413C #1D0341 #410308 #274103
square
#03413C #1D0341 #410308 #274103
split-complementary
#03413C #410327 #411D03
monochromatic
#011D1B #011D1B #03413C #067B72 #08B6A8
إمكانية الوصول والتباين
On white
11.51
#03413C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.83
#03413C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #03413C
11.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##03413C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##03413C | 1.00 | 11.51 | 1.83 | 11.51 |
| #FFFFFF | 11.51 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.83 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.51 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3D3D3C
Deuteranopia (green-blind)
#35373D
Tritanopia (blue-blind)
#00433F
Achromatopsia (no color)
#393939
وسوم التصميم والكود
CSS
--color: #03413c; /* rgb */ color: rgb(3, 65, 60); /* oklch */ color: oklch(33.8% 0.058 186.1);
Tailwind
colors: {
custom: {
50: '#527671',
500: '#03413c',
950: '#000000',
},
}SCSS
$custom: #03413c; $custom-light: #527671; $custom-dark: #000000;
JSON
{
"hex": "#03413c",
"rgb": {
"r": 3,
"g": 65,
"b": 60
},
"hsl": {
"h": 175.161,
"s": 91.176,
"l": 13.333
},
"oklch": {
"l": 0.33844,
"c": 0.05785,
"h": 186.1
},
"luminance": 0.04126
}Semantic roles & 50–950 ramp
primary
#03413C
secondary
#831D25
accent
#293AFF
background
#F5F7F6
surface
#E9EDEC
border
#C5C8C7
text
#030807
muted
#787B7A