#854077#854077
#854077 لون متوسط ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.100؛ OKLCH L 47.9% C 0.119 H 335.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.01:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #854077 |
|---|---|
| RGB | rgb(133, 64, 119) |
| HSL | hsl(312, 35%, 39%) |
| HSV | hsv(312, 52%, 52%) |
| CMYK | cmyk(0%, 51.9%, 10.5%, 47.8%) |
| CIE-LAB | lab(37.82, 37.24, -18.17) |
| CIE-LCH | lch(37.82, 41.44, 333.99°) |
| OKLab | oklab(47.91% 0.1079 -0.0491) |
| OKLCH | oklch(47.91% 0.119 335.5) |
| XYZ | xyz(14.8361, 9.9863, 18.5953) |
| Luminance | 0.0998 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Bruise
#7E4071
ΔE00 1.74
Light Eggplant
#894585
ΔE00 3.12
Grape
#6C3461
ΔE00 6.28
Warm Purple
#952E8F
ΔE00 6.73
Purplish
#94568C
ΔE00 7.02
Purpleish
#98568D
ΔE00 7.43
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#854077 #40854E
analogous
#704085 #854077 #854054
triadic
#854077 #778540 #407785
tetradic
#854077 #857040 #40854E #405485
square
#854077 #857040 #40854E #405485
split-complementary
#854077 #548540 #408570
monochromatic
#32182D #5C2C52 #854077 #AD559B #C17EB4
إمكانية الوصول والتباين
On white
7.01
#854077 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
3.00
#854077 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #854077
7.01:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##854077 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##854077 | 1.00 | 7.01 | 3.00 | 7.01 |
| #FFFFFF | 7.01 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.00 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.01 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#405379
Deuteranopia (green-blind)
#545D75
Tritanopia (blue-blind)
#8B4356
Achromatopsia (no color)
#595959
وسوم التصميم والكود
CSS
--color: #854077; /* rgb */ color: rgb(133, 64, 119); /* oklch */ color: oklch(47.9% 0.119 335.5);
Tailwind
colors: {
custom: {
50: '#aa789e',
500: '#854077',
950: '#000000',
},
}SCSS
$custom: #854077; $custom-light: #aa789e; $custom-dark: #000000;
JSON
{
"hex": "#854077",
"rgb": {
"r": 133,
"g": 64,
"b": 119
},
"hsl": {
"h": 312.174,
"s": 35.025,
"l": 38.627
},
"oklch": {
"l": 0.47914,
"c": 0.11857,
"h": 335.5
},
"luminance": 0.09985
}Semantic roles & 50–950 ramp
primary
#854077
secondary
#75AC80
accent
#CB735D
background
#FAF7F9
surface
#F4EDF2
border
#CEC8CC
text
#10090E
muted
#7F7B7E