#345F4C#345F4C
#345F4C لون داكن وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.094؛ OKLCH L 44.8% C 0.058 H 163.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #345F4C |
|---|---|
| RGB | rgb(52, 95, 76) |
| HSL | hsl(153, 29%, 29%) |
| HSV | hsv(153, 45%, 37%) |
| CMYK | cmyk(45.3%, 0%, 20%, 62.7%) |
| CIE-LAB | lab(36.81, -19.94, 6.26) |
| CIE-LCH | lch(36.81, 20.89, 162.58°) |
| OKLab | oklab(44.81% -0.0556 0.0161) |
| OKLCH | oklch(44.81% 0.058 163.9) |
| XYZ | xyz(6.8124, 9.4358, 8.2984) |
| Luminance | 0.0944 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Green Blue
#1F6357
ΔE00 4.87
Hunter Green
#355E3B
ΔE00 5.69
Pine
#2B5D34
ΔE00 7.40
Dark Blue Green
#005249
ΔE00 7.56
Spruce
#0A5F38
ΔE00 7.70
Dark Turquoise
#045C5A
ΔE00 8.75
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#345F4C #5F3447
analogous
#345F37 #345F4C #345D5F
triadic
#345F4C #4C345F #5F4C34
tetradic
#345F4C #37345F #5F3447 #5D5F34
square
#345F4C #37345F #5F3447 #5D5F34
split-complementary
#345F4C #5F345D #5F3734
monochromatic
#0B1410 #1E372C #345F4C #4A876C #64AA8B
إمكانية الوصول والتباين
On white
7.27
#345F4C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.89
#345F4C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #345F4C
7.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##345F4C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##345F4C | 1.00 | 7.27 | 2.89 | 7.27 |
| #FFFFFF | 7.27 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.89 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.27 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5E5A4B
Deuteranopia (green-blind)
#57554D
Tritanopia (blue-blind)
#285F5A
Achromatopsia (no color)
#575757
وسوم التصميم والكود
CSS
--color: #345f4c; /* rgb */ color: rgb(52, 95, 76); /* oklch */ color: oklch(44.8% 0.058 163.9);
Tailwind
colors: {
custom: {
50: '#6e8c7e',
500: '#345f4c',
950: '#000000',
},
}SCSS
$custom: #345f4c; $custom-light: #6e8c7e; $custom-dark: #000000;
JSON
{
"hex": "#345f4c",
"rgb": {
"r": 52,
"g": 95,
"b": 76
},
"hsl": {
"h": 153.488,
"s": 29.252,
"l": 28.824
},
"oklch": {
"l": 0.44811,
"c": 0.05791,
"h": 163.9
},
"luminance": 0.09436
}Semantic roles & 50–950 ramp
primary
#345F4C
secondary
#905F75
accent
#628EC6
background
#F6F8F7
surface
#ECF0EE
border
#C7CBC9
text
#070C09
muted
#7A7D7B