#C433AE#C433AE
#C433AE لون متوسط وعالي التشبّع من عائلة purple. الإضاءة النسبية 0.172؛ OKLCH L 58.5% C 0.220 H 335.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 4.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C433AE |
|---|---|
| RGB | rgb(196, 51, 174) |
| HSL | hsl(309, 59%, 48%) |
| HSV | hsv(309, 74%, 77%) |
| CMYK | cmyk(0%, 74%, 11.2%, 23.1%) |
| CIE-LAB | lab(48.46, 68.48, -34.08) |
| CIE-LCH | lch(48.46, 76.49, 333.54°) |
| OKLab | oklab(58.49% 0.1998 -0.0931) |
| OKLCH | oklch(58.49% 0.22 335) |
| XYZ | xyz(31.5891, 17.1622, 41.6851) |
| Luminance | 0.1716 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Purpley Pink
#C83CB9
ΔE00 2.50
Pinky Purple
#C94CBE
ΔE00 5.17
Ugly Purple
#A442A0
ΔE00 5.70
Medium Purple
#9E43A2
ΔE00 6.80
Barney
#AC1DB8
ΔE00 7.31
Purple Pink
#D725DE
ΔE00 7.54
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C433AE #33C449
analogous
#9133C4 #C433AE #C43366
triadic
#C433AE #AEC433 #33AEC4
tetradic
#C433AE #C49133 #33C449 #3366C4
square
#C433AE #C49133 #33C449 #3366C4
split-complementary
#C433AE #66C433 #33C491
monochromatic
#631A58 #932683 #C433AE #D55FC3 #E28FD5
إمكانية الوصول والتباين
On white
4.74
#C433AE on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.43
#C433AE on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #C433AE
4.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C433AE | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##C433AE | 1.00 | 4.74 | 4.43 | 4.74 |
| #FFFFFF | 4.74 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.43 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.74 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3265B1
Deuteranopia (green-blind)
#677BAB
Tritanopia (blue-blind)
#CE3F6D
Achromatopsia (no color)
#737373
وسوم التصميم والكود
CSS
--color: #c433ae; /* rgb */ color: rgb(196, 51, 174); /* oklch */ color: oklch(58.5% 0.220 335.0);
Tailwind
colors: {
custom: {
50: '#da79c6',
500: '#c433ae',
950: '#000000',
},
}SCSS
$custom: #c433ae; $custom-light: #da79c6; $custom-dark: #000000;
JSON
{
"hex": "#c433ae",
"rgb": {
"r": 196,
"g": 51,
"b": 174
},
"hsl": {
"h": 309.103,
"s": 58.704,
"l": 48.431
},
"oklch": {
"l": 0.58491,
"c": 0.22045,
"h": 335
},
"luminance": 0.17159
}Semantic roles & 50–950 ramp
primary
#C433AE
secondary
#86CD91
accent
#E25E46
background
#FDF7FC
surface
#FBEEF8
border
#D4C9D1
text
#150A13
muted
#837C82