#7232CB#7232CB
#7232CB لون متوسط وعالي التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.102؛ OKLCH L 49.3% C 0.218 H 296.4°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.92:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7232CB |
|---|---|
| RGB | rgb(114, 50, 203) |
| HSL | hsl(265, 60%, 50%) |
| HSV | hsv(265, 75%, 80%) |
| CMYK | cmyk(43.8%, 75.4%, 0%, 20.4%) |
| CIE-LAB | lab(38.15, 58.23, -68.26) |
| CIE-LCH | lch(38.15, 89.73, 310.46°) |
| OKLab | oklab(49.31% 0.0971 -0.1955) |
| OKLCH | oklch(49.31% 0.218 296.4) |
| XYZ | xyz(18.8567, 10.1700, 57.4578) |
| Luminance | 0.1017 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Burple
#6832E3
ΔE00 3.45
Bluey Purple
#6241C7
ΔE00 3.90
Purple Blue
#5D21D0
ΔE00 4.35
Bluish Purple
#703BE7
ΔE00 4.40
Purpley Blue
#5F34E7
ΔE00 4.48
Blurple
#5539CC
ΔE00 4.55
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7232CB #8BCB32
analogous
#323FCB #7232CB #BF32CB
triadic
#7232CB #CB7232 #32CB72
tetradic
#7232CB #CB323F #8BCB32 #32CBBF
square
#7232CB #CB323F #8BCB32 #32CBBF
split-complementary
#7232CB #CBBF32 #3FCB32
monochromatic
#3B1A69 #56269A #7232CB #9362D8 #B593E4
إمكانية الوصول والتباين
On white
6.92
#7232CB on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.03
#7232CB on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #7232CB
6.92:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7232CB | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##7232CB | 1.00 | 6.92 | 3.03 | 6.92 |
| #FFFFFF | 6.92 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.03 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.92 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#005BCF
Deuteranopia (green-blind)
#0058C8
Tritanopia (blue-blind)
#5A5B7D
Achromatopsia (no color)
#5A5A5A
وسوم التصميم والكود
CSS
--color: #7232cb; /* rgb */ color: rgb(114, 50, 203); /* oklch */ color: oklch(49.3% 0.218 296.4);
Tailwind
colors: {
custom: {
50: '#a271dc',
500: '#7232cb',
950: '#000000',
},
}SCSS
$custom: #7232cb; $custom-light: #a271dc; $custom-dark: #000000;
JSON
{
"hex": "#7232cb",
"rgb": {
"r": 114,
"g": 50,
"b": 203
},
"hsl": {
"h": 265.098,
"s": 60.474,
"l": 49.608
},
"oklch": {
"l": 0.49307,
"c": 0.21828,
"h": 296.4
},
"luminance": 0.1017
}Semantic roles & 50–950 ramp
primary
#7232CB
secondary
#B2CF89
accent
#E444A1
background
#FAF7FD
surface
#F4EDFB
border
#CEC8D4
text
#100815
muted
#7F7B83