#B04E9F#B04E9F
#B04E9F لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.172؛ OKLCH L 57.7% C 0.161 H 334.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B04E9F |
|---|---|
| RGB | rgb(176, 78, 159) |
| HSL | hsl(310, 39%, 50%) |
| HSV | hsv(310, 56%, 69%) |
| CMYK | cmyk(0%, 55.7%, 9.7%, 31%) |
| CIE-LAB | lab(48.49, 50.25, -25.41) |
| CIE-LCH | lch(48.49, 56.31, 333.17°) |
| OKLab | oklab(57.67% 0.1454 -0.069) |
| OKLCH | oklch(57.67% 0.161 334.6) |
| XYZ | xyz(26.8870, 17.1840, 34.6949) |
| Luminance | 0.1718 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Ugly Purple
#A442A0
ΔE00 4.51
Purpleish
#98568D
ΔE00 5.66
Medium Purple
#9E43A2
ΔE00 5.67
Purpley Pink
#C83CB9
ΔE00 5.78
Purplish
#94568C
ΔE00 6.35
Pinky Purple
#C94CBE
ΔE00 6.48
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B04E9F #4EB05F
analogous
#904EB0 #B04E9F #B04E6E
triadic
#B04E9F #9FB04E #4E9FB0
tetradic
#B04E9F #B0904E #4EB05F #4E6EB0
square
#B04E9F #B0904E #4EB05F #4E6EB0
split-complementary
#B04E9F #6EB04E #4EB090
monochromatic
#5B2852 #863B79 #B04E9F #C378B6 #D6A2CD
إمكانية الوصول والتباين
On white
4.73
#B04E9F on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.44
#B04E9F on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #B04E9F
4.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B04E9F | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##B04E9F | 1.00 | 4.73 | 4.44 | 4.73 |
| #FFFFFF | 4.73 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.44 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.73 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#4E6AA2
Deuteranopia (green-blind)
#6B789C
Tritanopia (blue-blind)
#B8546F
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #b04e9f; /* rgb */ color: rgb(176, 78, 159); /* oklch */ color: oklch(57.7% 0.161 334.6);
Tailwind
colors: {
custom: {
50: '#ca84bb',
500: '#b04e9f',
950: '#000000',
},
}SCSS
$custom: #b04e9f; $custom-light: #ca84bb; $custom-dark: #000000;
JSON
{
"hex": "#b04e9f",
"rgb": {
"r": 176,
"g": 78,
"b": 159
},
"hsl": {
"h": 310.408,
"s": 38.583,
"l": 49.804
},
"oklch": {
"l": 0.5767,
"c": 0.16092,
"h": 334.6
},
"luminance": 0.17182
}Semantic roles & 50–950 ramp
primary
#B04E9F
secondary
#97C39E
accent
#CF6E59
background
#FCF8FB
surface
#F9EFF6
border
#D2CAD0
text
#140B12
muted
#827C81