#63304D#63304D
#63304D لون داكن ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.053؛ OKLCH L 38.6% C 0.083 H 346.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.19:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #63304D |
|---|---|
| RGB | rgb(99, 48, 77) |
| HSL | hsl(326, 35%, 29%) |
| HSV | hsv(326, 52%, 39%) |
| CMYK | cmyk(0%, 51.5%, 22.2%, 61.2%) |
| CIE-LAB | lab(27.58, 27.01, -7.37) |
| CIE-LCH | lch(27.58, 28.00, 344.73°) |
| OKLab | oklab(38.65% 0.0807 -0.0194) |
| OKLCH | oklch(38.65% 0.083 346.5) |
| XYZ | xyz(7.5423, 5.3030, 7.6461) |
| Luminance | 0.0530 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Grape
#6C3461
ΔE00 5.20
Plum (survey)
#580F41
ΔE00 7.58
Dirty Purple
#734A65
ΔE00 7.93
Velvet
#750851
ΔE00 8.27
Grape Purple
#5D1451
ΔE00 8.32
Brownish Purple
#76424E
ΔE00 8.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#63304D #306346
analogous
#603063 #63304D #633034
triadic
#63304D #4D6330 #304D63
tetradic
#63304D #636030 #306346 #303463
square
#63304D #636030 #306346 #303463
split-complementary
#63304D #346330 #306360
monochromatic
#150A10 #3A1C2D #63304D #8C446D #B05D8C
إمكانية الوصول والتباين
On white
10.19
#63304D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.06
#63304D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #63304D
10.19:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##63304D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##63304D | 1.00 | 10.19 | 2.06 | 10.19 |
| #FFFFFF | 10.19 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.06 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.19 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#343C4E
Deuteranopia (green-blind)
#42444C
Tritanopia (blue-blind)
#692F3B
Achromatopsia (no color)
#414141
وسوم التصميم والكود
CSS
--color: #63304d; /* rgb */ color: rgb(99, 48, 77); /* oklch */ color: oklch(38.6% 0.083 346.5);
Tailwind
colors: {
custom: {
50: '#916a7e',
500: '#63304d',
950: '#000000',
},
}SCSS
$custom: #63304d; $custom-light: #916a7e; $custom-dark: #000000;
JSON
{
"hex": "#63304d",
"rgb": {
"r": 99,
"g": 48,
"b": 77
},
"hsl": {
"h": 325.882,
"s": 34.694,
"l": 28.824
},
"oklch": {
"l": 0.38649,
"c": 0.083,
"h": 346.5
},
"luminance": 0.05302
}Semantic roles & 50–950 ramp
primary
#63304D
secondary
#5A9473
accent
#CB8C5D
background
#F9F6F7
surface
#F1EBEE
border
#CBC6C9
text
#0D060A
muted
#7E7A7C