#351D2B#351D2B
#351D2B لون داكن وخافت من عائلة زهري. الإضاءة النسبية 0.018؛ OKLCH L 26.8% C 0.044 H 344.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #351D2B |
|---|---|
| RGB | rgb(53, 29, 43) |
| HSL | hsl(325, 29%, 16%) |
| HSV | hsv(325, 45%, 21%) |
| CMYK | cmyk(0%, 45.3%, 18.9%, 79.2%) |
| CIE-LAB | lab(14.46, 14.25, -4.41) |
| CIE-LCH | lch(14.46, 14.91, 342.78°) |
| OKLab | oklab(26.82% 0.0421 -0.0116) |
| OKLCH | oklch(26.82% 0.044 344.5) |
| XYZ | xyz(2.3436, 1.8102, 2.5110) |
| Luminance | 0.0181 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Aubergine
#3D0734
ΔE00 9.91
Dark Plum
#3F012C
ΔE00 10.00
Eggplant
#380835
ΔE00 10.05
Very Dark Brown
#1D0200
ΔE00 10.38
Plum (survey)
#580F41
ΔE00 11.86
Eggplant Purple
#430541
ΔE00 12.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#351D2B #1D3527
analogous
#331D35 #351D2B #351D1F
triadic
#351D2B #2B351D #1D2B35
tetradic
#351D2B #35331D #1D3527 #1D1F35
square
#351D2B #35331D #1D3527 #1D1F35
split-complementary
#351D2B #1F351D #1D3533
monochromatic
#140B10 #140B10 #351D2B #5D334B #84486B
إمكانية الوصول والتباين
On white
15.42
#351D2B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.36
#351D2B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #351D2B
15.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##351D2B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##351D2B | 1.00 | 15.42 | 1.36 | 15.42 |
| #FFFFFF | 15.42 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.36 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.42 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#1F222C
Deuteranopia (green-blind)
#25262A
Tritanopia (blue-blind)
#381D22
Achromatopsia (no color)
#252525
وسوم التصميم والكود
CSS
--color: #351d2b; /* rgb */ color: rgb(53, 29, 43); /* oklch */ color: oklch(26.8% 0.044 344.5);
Tailwind
colors: {
custom: {
50: '#6d5964',
500: '#351d2b',
950: '#000000',
},
}SCSS
$custom: #351d2b; $custom-light: #6d5964; $custom-dark: #000000;
JSON
{
"hex": "#351d2b",
"rgb": {
"r": 53,
"g": 29,
"b": 43
},
"hsl": {
"h": 325,
"s": 29.268,
"l": 16.078
},
"oklch": {
"l": 0.26818,
"c": 0.04364,
"h": 344.5
},
"luminance": 0.0181
}Semantic roles & 50–950 ramp
primary
#351D2B
secondary
#456954
accent
#C68C62
background
#F6F5F5
surface
#EBE9EA
border
#C6C5C6
text
#070305
muted
#7A7879