#1F352D#1F352D
#1F352D لون داكن وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.030؛ OKLCH L 30.8% C 0.032 H 169.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.08:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #1F352D |
|---|---|
| RGB | rgb(31, 53, 45) |
| HSL | hsl(158, 26%, 16%) |
| HSV | hsv(158, 42%, 21%) |
| CMYK | cmyk(41.5%, 0%, 15.1%, 79.2%) |
| CIE-LAB | lab(20.15, -10.96, 2.30) |
| CIE-LCH | lch(20.15, 11.19, 168.16°) |
| OKLab | oklab(30.77% -0.0311 0.0059) |
| OKLCH | oklch(30.77% 0.032 169.3) |
| XYZ | xyz(2.3117, 3.0268, 2.9445) |
| Luminance | 0.0303 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Darkslategray
#2F4F4F
ΔE00 9.51
Charcoal (survey)
#343837
ΔE00 9.75
Gunmetal
#2A3439
ΔE00 10.49
Dark Teal
#014D4E
ΔE00 10.96
Onyx
#353839
ΔE00 11.18
Charcoal Grey
#3C4142
ΔE00 11.22
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#1F352D #351F27
analogous
#1F3522 #1F352D #1F3235
triadic
#1F352D #2D1F35 #352D1F
tetradic
#1F352D #221F35 #351F27 #32351F
square
#1F352D #221F35 #351F27 #32351F
split-complementary
#1F352D #351F32 #35221F
monochromatic
#0B1310 #0B1310 #1F352D #365C4E #4C826F
إمكانية الوصول والتباين
On white
13.08
#1F352D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.61
#1F352D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #1F352D
13.08:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##1F352D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##1F352D | 1.00 | 13.08 | 1.61 | 13.08 |
| #FFFFFF | 13.08 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.61 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.08 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#34322D
Deuteranopia (green-blind)
#30302E
Tritanopia (blue-blind)
#193533
Achromatopsia (no color)
#313131
وسوم التصميم والكود
CSS
--color: #1f352d; /* rgb */ color: rgb(31, 53, 45); /* oklch */ color: oklch(30.8% 0.032 169.3);
Tailwind
colors: {
custom: {
50: '#5b6c65',
500: '#1f352d',
950: '#000000',
},
}SCSS
$custom: #1f352d; $custom-light: #5b6c65; $custom-dark: #000000;
JSON
{
"hex": "#1f352d",
"rgb": {
"r": 31,
"g": 53,
"b": 45
},
"hsl": {
"h": 158.182,
"s": 26.19,
"l": 16.471
},
"oklch": {
"l": 0.30766,
"c": 0.03167,
"h": 169.3
},
"luminance": 0.03027
}Semantic roles & 50–950 ramp
primary
#1F352D
secondary
#684854
accent
#6587C3
background
#F5F6F6
surface
#E9EBEB
border
#C5C6C6
text
#040705
muted
#797A7A