#33564C#33564C
#33564C لون داكن وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.079؛ OKLCH L 42.3% C 0.044 H 174.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.15:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #33564C |
|---|---|
| RGB | rgb(51, 86, 76) |
| HSL | hsl(163, 26%, 27%) |
| HSV | hsv(163, 41%, 34%) |
| CMYK | cmyk(40.7%, 0%, 11.6%, 66.3%) |
| CIE-LAB | lab(33.73, -15.32, 1.84) |
| CIE-LCH | lch(33.73, 15.42, 173.16°) |
| OKLab | oklab(42.31% -0.044 0.0046) |
| OKLCH | oklch(42.31% 0.044 174) |
| XYZ | xyz(5.9970, 7.8808, 8.0412) |
| Luminance | 0.0788 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Darkslategray
#2F4F4F
ΔE00 5.60
Dark Blue Green
#005249
ΔE00 6.22
Dark Green Blue
#1F6357
ΔE00 6.41
Dark Turquoise
#045C5A
ΔE00 7.05
Dark Teal
#014D4E
ΔE00 7.58
Deep Teal
#00555A
ΔE00 8.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#33564C #56333D
analogous
#33563B #33564C #334F56
triadic
#33564C #4C3356 #564C33
tetradic
#33564C #3B3356 #56333D #4F5633
square
#33564C #3B3356 #56333D #4F5633
split-complementary
#33564C #56334F #563B33
monochromatic
#0B1311 #1C302A #33564C #4A7C6E #62A28F
إمكانية الوصول والتباين
On white
8.15
#33564C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.58
#33564C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #33564C
8.15:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##33564C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##33564C | 1.00 | 8.15 | 2.58 | 8.15 |
| #FFFFFF | 8.15 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.58 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.15 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#54524C
Deuteranopia (green-blind)
#4E4E4D
Tritanopia (blue-blind)
#285753
Achromatopsia (no color)
#4F4F4F
وسوم التصميم والكود
CSS
--color: #33564c; /* rgb */ color: rgb(51, 86, 76); /* oklch */ color: oklch(42.3% 0.044 174.0);
Tailwind
colors: {
custom: {
50: '#6c857e',
500: '#33564c',
950: '#000000',
},
}SCSS
$custom: #33564c; $custom-light: #6c857e; $custom-dark: #000000;
JSON
{
"hex": "#33564c",
"rgb": {
"r": 51,
"g": 86,
"b": 76
},
"hsl": {
"h": 162.857,
"s": 25.547,
"l": 26.863
},
"oklch": {
"l": 0.42314,
"c": 0.04422,
"h": 174
},
"luminance": 0.07881
}Semantic roles & 50–950 ramp
primary
#33564C
secondary
#875E6A
accent
#6680C2
background
#F6F8F7
surface
#EBEFEE
border
#C6CAC9
text
#070B09
muted
#7A7C7B