#201FA7#201FA7
#201FA7 لون داكن وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.041؛ OKLCH L 36.5% C 0.204 H 270.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.57:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #201FA7 |
|---|---|
| RGB | rgb(32, 31, 167) |
| HSL | hsl(240, 69%, 39%) |
| HSV | hsv(240, 81%, 65%) |
| CMYK | cmyk(80.8%, 81.4%, 0%, 34.5%) |
| CIE-LAB | lab(23.92, 47.58, -70.63) |
| CIE-LCH | lch(23.92, 85.16, 303.97°) |
| OKLab | oklab(36.48% 0.0016 -0.2045) |
| OKLCH | oklch(36.48% 0.204 270.5) |
| XYZ | xyz(8.0583, 4.0761, 36.9138) |
| Luminance | 0.0408 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Indigo Blue
#3A18B1
ΔE00 3.10
Cobalt Blue
#030AA7
ΔE00 3.36
Royal
#0C1793
ΔE00 3.50
Royal Blue (survey)
#0504AA
ΔE00 3.79
Ultramarine
#2000B1
ΔE00 3.87
True Blue
#010FCC
ΔE00 4.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#201FA7 #A6A71F
analogous
#1F62A7 #201FA7 #641FA7
triadic
#201FA7 #A7201F #1FA720
tetradic
#201FA7 #A71F62 #A6A71F #1FA764
square
#201FA7 #A71F62 #A6A71F #1FA764
split-complementary
#201FA7 #A7641F #62A71F
monochromatic
#0C0C40 #161573 #201FA7 #2D2BD8 #605FE1
إمكانية الوصول والتباين
On white
11.57
#201FA7 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.82
#201FA7 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #201FA7
11.57:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##201FA7 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##201FA7 | 1.00 | 11.57 | 1.82 | 11.57 |
| #FFFFFF | 11.57 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.82 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.57 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#0040AB
Deuteranopia (green-blind)
#0032A5
Tritanopia (blue-blind)
#004A64
Achromatopsia (no color)
#393939
وسوم التصميم والكود
CSS
--color: #201fa7; /* rgb */ color: rgb(32, 31, 167); /* oklch */ color: oklch(36.5% 0.204 270.5);
Tailwind
colors: {
custom: {
50: '#765ec3',
500: '#201fa7',
950: '#000000',
},
}SCSS
$custom: #201fa7; $custom-light: #765ec3; $custom-dark: #000000;
JSON
{
"hex": "#201fa7",
"rgb": {
"r": 32,
"g": 31,
"b": 167
},
"hsl": {
"h": 240.441,
"s": 68.687,
"l": 38.824
},
"oklch": {
"l": 0.36483,
"c": 0.20449,
"h": 270.5
},
"luminance": 0.04077
}Semantic roles & 50–950 ramp
primary
#201FA7
secondary
#C5C65C
accent
#EC3CEA
background
#F8F5FC
surface
#EFE9F8
border
#CAC5D1
text
#0A0513
muted
#7C7982