#A23F37#A23F37
#A23F37 لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.115؛ OKLCH L 50.2% C 0.133 H 27.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.36:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #A23F37 |
|---|---|
| RGB | rgb(162, 63, 55) |
| HSL | hsl(4, 49%, 43%) |
| HSV | hsv(4, 66%, 64%) |
| CMYK | cmyk(0%, 61.1%, 66%, 36.5%) |
| CIE-LAB | lab(40.43, 40.49, 26.06) |
| CIE-LCH | lch(40.43, 48.15, 32.76°) |
| OKLab | oklab(50.2% 0.1181 0.0614) |
| OKLCH | oklch(50.2% 0.133 27.5) |
| XYZ | xyz(17.3691, 11.5145, 4.9216) |
| Luminance | 0.1151 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Brown
#A52A2A
ΔE00 3.98
Brick
#A03623
ΔE00 4.73
Brownish Red
#9E3623
ΔE00 4.77
Dull Red
#BB3F3F
ΔE00 5.27
Firebrick
#B22222
ΔE00 5.52
Reddish
#C44240
ΔE00 7.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#A23F37 #379AA2
analogous
#A23764 #A23F37 #A27537
triadic
#A23F37 #37A23F #3F37A2
tetradic
#A23F37 #64A237 #379AA2 #7537A2
square
#A23F37 #64A237 #379AA2 #7537A2
split-complementary
#A23F37 #37A275 #3764A2
monochromatic
#471B18 #742D27 #A23F37 #C45A52 #D48680
إمكانية الوصول والتباين
On white
6.36
#A23F37 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.30
#A23F37 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #A23F37
6.36:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##A23F37 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##A23F37 | 1.00 | 6.36 | 3.30 | 6.36 |
| #FFFFFF | 6.36 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.30 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.36 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#595236
Deuteranopia (green-blind)
#726734
Tritanopia (blue-blind)
#B22A3E
Achromatopsia (no color)
#5F5F5F
وسوم التصميم والكود
CSS
--color: #a23f37; /* rgb */ color: rgb(162, 63, 55); /* oklch */ color: oklch(50.2% 0.133 27.5);
Tailwind
colors: {
custom: {
50: '#c4786e',
500: '#a23f37',
950: '#000000',
},
}SCSS
$custom: #a23f37; $custom-light: #c4786e; $custom-dark: #000000;
JSON
{
"hex": "#a23f37",
"rgb": {
"r": 162,
"g": 63,
"b": 55
},
"hsl": {
"h": 4.486,
"s": 49.309,
"l": 42.549
},
"oklch": {
"l": 0.50198,
"c": 0.13316,
"h": 27.5
},
"luminance": 0.11512
}Semantic roles & 50–950 ramp
primary
#A23F37
secondary
#78B8BD
accent
#CFD94F
background
#FCF7F6
surface
#F9EDEB
border
#D2C8C6
text
#140907
muted
#827B7A