#35496D#35496D
#35496D لون داكن ومتوسط التشبّع من عائلة أزرق. الإضاءة النسبية 0.066؛ OKLCH L 40.6% C 0.066 H 261.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.03:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #35496D |
|---|---|
| RGB | rgb(53, 73, 109) |
| HSL | hsl(219, 35%, 32%) |
| HSV | hsv(219, 51%, 43%) |
| CMYK | cmyk(51.4%, 33%, 0%, 57.3%) |
| CIE-LAB | lab(30.94, 3.29, -23.26) |
| CIE-LCH | lch(30.94, 23.50, 278.06°) |
| OKLab | oklab(40.56% -0.0096 -0.0653) |
| OKLCH | oklch(40.56% 0.066 261.6) |
| XYZ | xyz(6.6101, 6.6257, 15.3956) |
| Luminance | 0.0663 (WCAG relative) |
| Temperature | cool |
| Family | blue |
أقرب الألوان المُسمّاة
Twilight Blue
#0A437A
ΔE00 5.95
Cobalt (survey)
#1E488F
ΔE00 6.13
Dusk Blue
#26538D
ΔE00 6.57
Darkish Blue
#014182
ΔE00 6.57
Prussian Blue
#004577
ΔE00 6.60
Dusk
#4E5481
ΔE00 6.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#35496D #6D5935
analogous
#35656D #35496D #3D356D
triadic
#35496D #6D3549 #496D35
tetradic
#35496D #6D3565 #6D5935 #356D3D
square
#35496D #6D3565 #6D5935 #356D3D
split-complementary
#35496D #6D3D35 #656D35
monochromatic
#0D121B #212D44 #35496D #496596 #6783B5
إمكانية الوصول والتباين
On white
9.03
#35496D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.33
#35496D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #35496D
9.03:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##35496D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##35496D | 1.00 | 9.03 | 2.33 | 9.03 |
| #FFFFFF | 9.03 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.33 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.03 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3B4C6F
Deuteranopia (green-blind)
#35466C
Tritanopia (blue-blind)
#1D5156
Achromatopsia (no color)
#494949
وسوم التصميم والكود
CSS
--color: #35496d; /* rgb */ color: rgb(53, 73, 109); /* oklch */ color: oklch(40.6% 0.066 261.6);
Tailwind
colors: {
custom: {
50: '#707b97',
500: '#35496d',
950: '#000000',
},
}SCSS
$custom: #35496d; $custom-light: #707b97; $custom-dark: #000000;
JSON
{
"hex": "#35496d",
"rgb": {
"r": 53,
"g": 73,
"b": 109
},
"hsl": {
"h": 218.571,
"s": 34.568,
"l": 31.765
},
"oklch": {
"l": 0.40561,
"c": 0.06603,
"h": 261.6
},
"luminance": 0.06626
}Semantic roles & 50–950 ramp
primary
#35496D
secondary
#9E8860
accent
#A45DCB
background
#F6F7F9
surface
#ECEDF2
border
#C7C8CC
text
#08090D
muted
#7B7B7E