#35646C#35646C
#35646C لون متوسط وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.110؛ OKLCH L 47.3% C 0.053 H 209.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.58:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #35646C |
|---|---|
| RGB | rgb(53, 100, 108) |
| HSL | hsl(189, 34%, 32%) |
| HSV | hsv(189, 51%, 42%) |
| CMYK | cmyk(50.9%, 7.4%, 0%, 57.6%) |
| CIE-LAB | lab(39.50, -13.63, -9.49) |
| CIE-LCH | lch(39.50, 16.61, 214.86°) |
| OKLab | oklab(47.32% -0.0459 -0.0262) |
| OKLCH | oklch(47.32% 0.053 209.7) |
| XYZ | xyz(8.7311, 10.9532, 15.8385) |
| Luminance | 0.1095 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Petrol
#005F6A
ΔE00 4.79
Dark Aqua
#05696B
ΔE00 6.87
Deep Teal
#00555A
ΔE00 7.38
Darkslategray
#2F4F4F
ΔE00 8.02
Dark Turquoise
#045C5A
ΔE00 8.37
Gunmetal (survey)
#536267
ΔE00 8.57
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#35646C #6C3D35
analogous
#356C59 #35646C #35496C
triadic
#35646C #6C3564 #646C35
tetradic
#35646C #59356C #6C3D35 #496C35
square
#35646C #59356C #6C3D35 #496C35
split-complementary
#35646C #6C3549 #6C5935
monochromatic
#0D181A #213E43 #35646C #498A95 #67A9B4
إمكانية الوصول والتباين
On white
6.58
#35646C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.19
#35646C on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #35646C
6.58:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##35646C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##35646C | 1.00 | 6.58 | 3.19 | 6.58 |
| #FFFFFF | 6.58 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.19 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.58 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5D616D
Deuteranopia (green-blind)
#545A6C
Tritanopia (blue-blind)
#166866
Achromatopsia (no color)
#5D5D5D
وسوم التصميم والكود
CSS
--color: #35646c; /* rgb */ color: rgb(53, 100, 108); /* oklch */ color: oklch(47.3% 0.053 209.7);
Tailwind
colors: {
custom: {
50: '#719096',
500: '#35646c',
950: '#000000',
},
}SCSS
$custom: #35646c; $custom-light: #719096; $custom-dark: #000000;
JSON
{
"hex": "#35646c",
"rgb": {
"r": 53,
"g": 100,
"b": 108
},
"hsl": {
"h": 188.727,
"s": 34.161,
"l": 31.569
},
"oklch": {
"l": 0.4732,
"c": 0.05283,
"h": 209.7
},
"luminance": 0.10954
}Semantic roles & 50–950 ramp
primary
#35646C
secondary
#9D6960
accent
#6D5ECA
background
#F7F8F9
surface
#EDF0F1
border
#C8CBCB
text
#080C0D
muted
#7B7D7E