#281B2B#281B2B
#281B2B لون داكن جداً وخافت من عائلة purple. الإضاءة النسبية 0.014؛ OKLCH L 24.6% C 0.035 H 319.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 16.38:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #281B2B |
|---|---|
| RGB | rgb(40, 27, 43) |
| HSL | hsl(289, 23%, 14%) |
| HSV | hsv(289, 37%, 17%) |
| CMYK | cmyk(7%, 37.2%, 0%, 83.1%) |
| CIE-LAB | lab(12.02, 10.06, -8.29) |
| CIE-LCH | lch(12.02, 13.03, 320.52°) |
| OKLab | oklab(24.55% 0.0268 -0.0225) |
| OKLCH | oklch(24.55% 0.035 319.9) |
| XYZ | xyz(1.7030, 1.4094, 2.4674) |
| Luminance | 0.0141 (WCAG relative) |
| Temperature | cool |
| Family | purple |
أقرب الألوان المُسمّاة
Very Dark Brown
#1D0200
ΔE00 10.97
Eggplant
#380835
ΔE00 11.21
Aubergine
#3D0734
ΔE00 11.73
Very Dark Purple
#2A0134
ΔE00 12.22
Midnight
#03012D
ΔE00 12.29
Dark
#1B2431
ΔE00 12.39
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#281B2B #1E2B1B
analogous
#201B2B #281B2B #2B1B26
triadic
#281B2B #2B281B #1B2B28
tetradic
#281B2B #2B201B #1E2B1B #1B262B
square
#281B2B #2B201B #1E2B1B #1B262B
split-complementary
#281B2B #262B1B #1B2B20
monochromatic
#110C13 #110C13 #281B2B #4B3351 #6E4A76
إمكانية الوصول والتباين
On white
16.38
#281B2B on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.28
#281B2B on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #281B2B
16.38:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##281B2B | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##281B2B | 1.00 | 16.38 | 1.28 | 16.38 |
| #FFFFFF | 16.38 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.28 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 16.38 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#191F2C
Deuteranopia (green-blind)
#1C202A
Tritanopia (blue-blind)
#281D21
Achromatopsia (no color)
#202020
وسوم التصميم والكود
CSS
--color: #281b2b; /* rgb */ color: rgb(40, 27, 43); /* oklch */ color: oklch(24.6% 0.035 319.9);
Tailwind
colors: {
custom: {
50: '#625764',
500: '#281b2b',
950: '#000000',
},
}SCSS
$custom: #281b2b; $custom-light: #625764; $custom-dark: #000000;
JSON
{
"hex": "#281b2b",
"rgb": {
"r": 40,
"g": 27,
"b": 43
},
"hsl": {
"h": 288.75,
"s": 22.857,
"l": 13.725
},
"oklch": {
"l": 0.24553,
"c": 0.03504,
"h": 319.9
},
"luminance": 0.01409
}Semantic roles & 50–950 ramp
primary
#281B2B
secondary
#495E44
accent
#BF6879
background
#F5F5F5
surface
#EAE9EA
border
#C6C5C6
text
#050305
muted
#797879