#352227#352227
#352227 لون داكن وخافت من عائلة زهري. الإضاءة النسبية 0.020؛ OKLCH L 27.7% C 0.030 H 2.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.90:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #352227 |
|---|---|
| RGB | rgb(53, 34, 39) |
| HSL | hsl(344, 22%, 17%) |
| HSV | hsv(344, 36%, 21%) |
| CMYK | cmyk(0%, 35.8%, 26.4%, 79.2%) |
| CIE-LAB | lab(15.74, 10.03, 0.35) |
| CIE-LCH | lch(15.74, 10.04, 1.97°) |
| OKLab | oklab(27.74% 0.0302 0.0011) |
| OKLCH | oklch(27.74% 0.03 2) |
| XYZ | xyz(2.4065, 2.0476, 2.1875) |
| Luminance | 0.0205 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Very Dark Brown
#1D0200
ΔE00 8.67
Espresso
#4B382A
ΔE00 12.72
Purple Brown
#673A3F
ΔE00 13.05
Dark Grey
#363737
ΔE00 13.06
Dark Maroon
#3C0008
ΔE00 13.29
Dark Plum
#3F012C
ΔE00 14.08
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#352227 #223530
analogous
#352231 #352227 #352722
triadic
#352227 #273522 #222735
tetradic
#352227 #313522 #223530 #272235
square
#352227 #313522 #223530 #272235
split-complementary
#352227 #223527 #223135
monochromatic
#130C0E #130C0E #352227 #5A3A42 #80525E
إمكانية الوصول والتباين
On white
14.90
#352227 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.41
#352227 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #352227
14.90:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##352227 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##352227 | 1.00 | 14.90 | 1.41 | 14.90 |
| #FFFFFF | 14.90 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.90 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#252527
Deuteranopia (green-blind)
#292827
Tritanopia (blue-blind)
#382124
Achromatopsia (no color)
#272727
وسوم التصميم والكود
CSS
--color: #352227; /* rgb */ color: rgb(53, 34, 39); /* oklch */ color: oklch(27.7% 0.030 2.0);
Tailwind
colors: {
custom: {
50: '#6d5d61',
500: '#352227',
950: '#000000',
},
}SCSS
$custom: #352227; $custom-light: #6d5d61; $custom-dark: #000000;
JSON
{
"hex": "#352227",
"rgb": {
"r": 53,
"g": 34,
"b": 39
},
"hsl": {
"h": 344.211,
"s": 21.839,
"l": 17.059
},
"oklch": {
"l": 0.27744,
"c": 0.03024,
"h": 2
},
"luminance": 0.02047
}Semantic roles & 50–950 ramp
primary
#352227
secondary
#4C6760
accent
#BEA869
background
#F6F5F5
surface
#EBE9E9
border
#C6C5C5
text
#070405
muted
#7A7979