#70271F#70271F
#70271F لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.050؛ OKLCH L 38.0% C 0.105 H 29.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #70271F |
|---|---|
| RGB | rgb(112, 39, 31) |
| HSL | hsl(6, 57%, 28%) |
| HSV | hsv(6, 72%, 44%) |
| CMYK | cmyk(0%, 65.2%, 72.3%, 56.1%) |
| CIE-LAB | lab(26.72, 31.78, 22.18) |
| CIE-LCH | lch(26.72, 38.76, 34.91°) |
| OKLab | oklab(38.04% 0.092 0.0513) |
| OKLCH | oklch(38.04% 0.105 29.1) |
| XYZ | xyz(7.6557, 4.9958, 1.8572) |
| Luminance | 0.0500 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Reddy Brown
#6E1005
ΔE00 5.35
Rosewood
#65000B
ΔE00 6.45
Blood
#770001
ΔE00 6.51
Maroon
#800000
ΔE00 7.24
Indian Red
#850E04
ΔE00 7.30
Crimson (survey)
#8C000F
ΔE00 7.34
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#70271F #1F6870
analogous
#701F3F #70271F #704F1F
triadic
#70271F #1F7027 #271F70
tetradic
#70271F #3F701F #1F6870 #4F1F70
square
#70271F #3F701F #1F6870 #4F1F70
split-complementary
#70271F #1F704F #1F3F70
monochromatic
#180807 #401612 #70271F #A0382C #CA4D3F
إمكانية الوصول والتباين
On white
10.51
#70271F on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.00
#70271F on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #70271F
10.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##70271F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##70271F | 1.00 | 10.51 | 2.00 | 10.51 |
| #FFFFFF | 10.51 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.00 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.51 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3B351E
Deuteranopia (green-blind)
#4D451D
Tritanopia (blue-blind)
#7B1626
Achromatopsia (no color)
#3F3F3F
وسوم التصميم والكود
CSS
--color: #70271f; /* rgb */ color: rgb(112, 39, 31); /* oklch */ color: oklch(38.0% 0.105 29.1);
Tailwind
colors: {
custom: {
50: '#9f655b',
500: '#70271f',
950: '#000000',
},
}SCSS
$custom: #70271f; $custom-light: #9f655b; $custom-dark: #000000;
JSON
{
"hex": "#70271f",
"rgb": {
"r": 112,
"g": 39,
"b": 31
},
"hsl": {
"h": 5.926,
"s": 56.643,
"l": 28.039
},
"oklch": {
"l": 0.38044,
"c": 0.10529,
"h": 29.1
},
"luminance": 0.04995
}Semantic roles & 50–950 ramp
primary
#70271F
secondary
#479BA4
accent
#D1E048
background
#FAF6F5
surface
#F4EBE9
border
#CEC6C5
text
#100604
muted
#7F7A79