#335F53#335F53
#335F53 لون داكن وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.095؛ OKLCH L 45.0% C 0.053 H 174.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.23:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #335F53 |
|---|---|
| RGB | rgb(51, 95, 83) |
| HSL | hsl(164, 30%, 29%) |
| HSV | hsv(164, 46%, 37%) |
| CMYK | cmyk(46.3%, 0%, 12.6%, 62.7%) |
| CIE-LAB | lab(36.95, -18.48, 2.13) |
| CIE-LCH | lch(36.95, 18.60, 173.42°) |
| OKLab | oklab(44.98% -0.0529 0.0054) |
| OKLCH | oklch(44.98% 0.053 174.2) |
| XYZ | xyz(7.0182, 9.5122, 9.6482) |
| Luminance | 0.0951 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Green Blue
#1F6357
ΔE00 3.58
Dark Turquoise
#045C5A
ΔE00 6.26
Dark Blue Green
#005249
ΔE00 6.43
Darkslategray
#2F4F4F
ΔE00 8.18
Dark Aqua
#05696B
ΔE00 8.32
Hunter Green
#355E3B
ΔE00 8.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#335F53 #5F333F
analogous
#335F3D #335F53 #33555F
triadic
#335F53 #53335F #5F5333
tetradic
#335F53 #3D335F #5F333F #555F33
square
#335F53 #3D335F #5F333F #555F33
split-complementary
#335F53 #5F3355 #5F3D33
monochromatic
#0B1411 #1E3730 #335F53 #488776 #62AB97
إمكانية الوصول والتباين
On white
7.23
#335F53 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.90
#335F53 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #335F53
7.23:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##335F53 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##335F53 | 1.00 | 7.23 | 2.90 | 7.23 |
| #FFFFFF | 7.23 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.90 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.23 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5C5A52
Deuteranopia (green-blind)
#555554
Tritanopia (blue-blind)
#24605B
Achromatopsia (no color)
#575757
وسوم التصميم والكود
CSS
--color: #335f53; /* rgb */ color: rgb(51, 95, 83); /* oklch */ color: oklch(45.0% 0.053 174.2);
Tailwind
colors: {
custom: {
50: '#6e8c83',
500: '#335f53',
950: '#000000',
},
}SCSS
$custom: #335f53; $custom-light: #6e8c83; $custom-dark: #000000;
JSON
{
"hex": "#335f53",
"rgb": {
"r": 51,
"g": 95,
"b": 83
},
"hsl": {
"h": 163.636,
"s": 30.137,
"l": 28.627
},
"oklch": {
"l": 0.44976,
"c": 0.05321,
"h": 174.2
},
"luminance": 0.09513
}Semantic roles & 50–950 ramp
primary
#335F53
secondary
#905E6B
accent
#617DC6
background
#F6F8F8
surface
#ECF0EF
border
#C7CBCA
text
#070C0A
muted
#7A7D7C