#C23239#C23239
#C23239 لون متوسط وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.140؛ OKLCH L 54.2% C 0.180 H 23.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C23239 |
|---|---|
| RGB | rgb(194, 50, 57) |
| HSL | hsl(357, 59%, 48%) |
| HSV | hsv(357, 74%, 76%) |
| CMYK | cmyk(0%, 74.2%, 70.6%, 23.9%) |
| CIE-LAB | lab(44.30, 56.67, 30.90) |
| CIE-LCH | lch(44.30, 64.54, 28.60°) |
| OKLab | oklab(54.18% 0.1657 0.0711) |
| OKLCH | oklch(54.18% 0.18 23.2) |
| XYZ | xyz(24.1300, 14.0496, 5.3114) |
| Luminance | 0.1405 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dull Red
#BB3F3F
ΔE00 2.13
Reddish
#C44240
ΔE00 3.03
Cardinal
#C41E3A
ΔE00 3.23
Cherry (survey)
#CF0234
ΔE00 3.50
Lipstick Red
#C0022F
ΔE00 4.42
Crimson
#DC143C
ΔE00 4.71
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C23239 #32C2BB
analogous
#C23281 #C23239 #C27332
triadic
#C23239 #39C232 #3239C2
tetradic
#C23239 #81C232 #32C2BB #7332C2
square
#C23239 #81C232 #32C2BB #7332C2
split-complementary
#C23239 #32C273 #3281C2
monochromatic
#61191C #91252B #C23239 #D55C62 #E28D91
إمكانية الوصول والتباين
On white
5.51
#C23239 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.81
#C23239 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #C23239
5.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C23239 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##C23239 | 1.00 | 5.51 | 3.81 | 5.51 |
| #FFFFFF | 5.51 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.81 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.51 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5C5538
Deuteranopia (green-blind)
#807434
Tritanopia (blue-blind)
#D50036
Achromatopsia (no color)
#696969
وسوم التصميم والكود
CSS
--color: #c23239; /* rgb */ color: rgb(194, 50, 57); /* oklch */ color: oklch(54.2% 0.180 23.2);
Tailwind
colors: {
custom: {
50: '#dd756f',
500: '#c23239',
950: '#000000',
},
}SCSS
$custom: #c23239; $custom-light: #dd756f; $custom-dark: #000000;
JSON
{
"hex": "#c23239",
"rgb": {
"r": 194,
"g": 50,
"b": 57
},
"hsl": {
"h": 357.083,
"s": 59.016,
"l": 47.843
},
"oklch": {
"l": 0.5418,
"c": 0.18031,
"h": 23.2
},
"luminance": 0.14046
}Semantic roles & 50–950 ramp
primary
#C23239
secondary
#84CCC8
accent
#E2DB46
background
#FEF7F6
surface
#FDEDEC
border
#D5C8C7
text
#170907
muted
#857B7A