#4239DD#4239DD
#4239DD لون متوسط وعالي التشبّع من عائلة أزرق. الإضاءة النسبية 0.093؛ OKLCH L 47.6% C 0.236 H 275.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #4239DD |
|---|---|
| RGB | rgb(66, 57, 221) |
| HSL | hsl(243, 71%, 55%) |
| HSV | hsv(243, 74%, 87%) |
| CMYK | cmyk(70.1%, 74.2%, 0%, 13.3%) |
| CIE-LAB | lab(36.56, 53.80, -81.42) |
| CIE-LCH | lch(36.56, 97.59, 303.46°) |
| OKLab | oklab(47.63% 0.0208 -0.2354) |
| OKLCH | oklch(47.63% 0.236 275) |
| XYZ | xyz(16.7567, 9.3034, 69.3052) |
| Luminance | 0.0930 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Blurple
#5539CC
ΔE00 2.81
Blue With A Hint Of Purple
#533CC6
ΔE00 3.24
Vibrant Blue
#0339F8
ΔE00 3.48
Purpley Blue
#5F34E7
ΔE00 3.74
Light Royal Blue
#3A2EFE
ΔE00 3.76
Vivid Blue
#152EFF
ΔE00 3.89
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#4239DD #D4DD39
analogous
#3982DD #4239DD #9439DD
triadic
#4239DD #DD4239 #39DD42
tetradic
#4239DD #DD3982 #D4DD39 #39DD94
square
#4239DD #DD3982 #D4DD39 #39DD94
split-complementary
#4239DD #DD9439 #82DD39
monochromatic
#1D1785 #2820B9 #4239DD #746DE6 #A6A1EF
إمكانية الوصول والتباين
On white
7.34
#4239DD on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.86
#4239DD on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #4239DD
7.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##4239DD | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##4239DD | 1.00 | 7.34 | 2.86 | 7.34 |
| #FFFFFF | 7.34 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.86 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.34 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#005DE2
Deuteranopia (green-blind)
#004EDA
Tritanopia (blue-blind)
#006989
Achromatopsia (no color)
#565656
وسوم التصميم والكود
CSS
--color: #4239dd; /* rgb */ color: rgb(66, 57, 221); /* oklch */ color: oklch(47.6% 0.236 275.0);
Tailwind
colors: {
custom: {
50: '#8c72e9',
500: '#4239dd',
950: '#000000',
},
}SCSS
$custom: #4239dd; $custom-light: #8c72e9; $custom-dark: #000000;
JSON
{
"hex": "#4239dd",
"rgb": {
"r": 66,
"g": 57,
"b": 221
},
"hsl": {
"h": 243.293,
"s": 70.69,
"l": 54.51
},
"oklch": {
"l": 0.47632,
"c": 0.23634,
"h": 275
},
"luminance": 0.09305
}Semantic roles & 50–950 ramp
primary
#4239DD
secondary
#D8DC96
accent
#ED3AE4
background
#F9F7FE
surface
#F2EDFD
border
#CCC8D5
text
#0E0816
muted
#7E7B84