#BD422A#BD422A
#BD422A لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.149؛ OKLCH L 54.8% C 0.163 H 33.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.28:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BD422A |
|---|---|
| RGB | rgb(189, 66, 42) |
| HSL | hsl(10, 64%, 45%) |
| HSV | hsv(10, 78%, 74%) |
| CMYK | cmyk(0%, 65.1%, 77.8%, 25.9%) |
| CIE-LAB | lab(45.48, 48.18, 40.45) |
| CIE-LCH | lch(45.48, 62.91, 40.01°) |
| OKLab | oklab(54.83% 0.1366 0.0888) |
| OKLCH | oklch(54.83% 0.163 33) |
| XYZ | xyz(23.3550, 14.8858, 3.8335) |
| Luminance | 0.1488 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Rusty Red
#AF2F0D
ΔE00 5.90
Rust
#B7410E
ΔE00 5.92
Reddish
#C44240
ΔE00 6.40
Brick
#A03623
ΔE00 6.85
Dull Red
#BB3F3F
ΔE00 6.95
Firebrick
#B22222
ΔE00 7.13
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BD422A #2AA5BD
analogous
#BD2A5B #BD422A #BD8B2A
triadic
#BD422A #2ABD42 #422ABD
tetradic
#BD422A #5BBD2A #2AA5BD #8B2ABD
square
#BD422A #5BBD2A #2AA5BD #8B2ABD
split-complementary
#BD422A #2ABD8B #2A5BBD
monochromatic
#591F14 #8B311F #BD422A #D7634D #E38F7F
إمكانية الوصول والتباين
On white
5.28
#BD422A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.98
#BD422A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #BD422A
5.28:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BD422A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##BD422A | 1.00 | 5.28 | 3.98 | 5.28 |
| #FFFFFF | 5.28 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.98 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.28 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#655A26
Deuteranopia (green-blind)
#837625
Tritanopia (blue-blind)
#D0203D
Achromatopsia (no color)
#6C6C6C
وسوم التصميم والكود
CSS
--color: #bd422a; /* rgb */ color: rgb(189, 66, 42); /* oklch */ color: oklch(54.8% 0.163 33.0);
Tailwind
colors: {
custom: {
50: '#d97c65',
500: '#bd422a',
950: '#000000',
},
}SCSS
$custom: #bd422a; $custom-light: #d97c65; $custom-dark: #000000;
JSON
{
"hex": "#bd422a",
"rgb": {
"r": 189,
"g": 66,
"b": 42
},
"hsl": {
"h": 9.796,
"s": 63.636,
"l": 45.294
},
"oklch": {
"l": 0.54833,
"c": 0.16287,
"h": 33
},
"luminance": 0.14882
}Semantic roles & 50–950 ramp
primary
#BD422A
secondary
#78BDCB
accent
#CCE741
background
#FEF7F6
surface
#FDEEEB
border
#D5C9C6
text
#160A06
muted
#847C7A