#33715A#33715A
#33715A لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.133؛ OKLCH L 50.1% C 0.075 H 166.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 5.75:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #33715A |
|---|---|
| RGB | rgb(51, 113, 90) |
| HSL | hsl(158, 38%, 32%) |
| HSV | hsv(158, 55%, 44%) |
| CMYK | cmyk(54.9%, 0%, 20.4%, 55.7%) |
| CIE-LAB | lab(43.14, -26.05, 6.75) |
| CIE-LCH | lch(43.14, 26.91, 165.47°) |
| OKLab | oklab(50.05% -0.0727 0.0173) |
| OKLCH | oklch(50.05% 0.075 166.6) |
| XYZ | xyz(9.1150, 13.2514, 11.7483) |
| Luminance | 0.1325 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Green Blue
#1F6357
ΔE00 6.39
Hunter Green
#355E3B
ΔE00 8.66
Spruce
#0A5F38
ΔE00 8.95
Dark Sea Green
#11875D
ΔE00 9.20
Dark Aquamarine
#017371
ΔE00 9.38
Pine
#2B5D34
ΔE00 9.74
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#33715A #71334A
analogous
#33713B #33715A #336971
triadic
#33715A #5A3371 #715A33
tetradic
#33715A #3B3371 #71334A #697133
square
#33715A #3B3371 #71334A #697133
split-complementary
#33715A #713369 #713B33
monochromatic
#0D1D17 #204738 #33715A #469B7C #65B99A
إمكانية الوصول والتباين
On white
5.75
#33715A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.65
#33715A on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #33715A
5.75:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##33715A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##33715A | 1.00 | 5.75 | 3.65 | 5.75 |
| #FFFFFF | 5.75 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.65 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.75 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6F6A59
Deuteranopia (green-blind)
#65635B
Tritanopia (blue-blind)
#1A716A
Achromatopsia (no color)
#666666
وسوم التصميم والكود
CSS
--color: #33715a; /* rgb */ color: rgb(51, 113, 90); /* oklch */ color: oklch(50.1% 0.075 166.6);
Tailwind
colors: {
custom: {
50: '#709a88',
500: '#33715a',
950: '#000000',
},
}SCSS
$custom: #33715a; $custom-light: #709a88; $custom-dark: #000000;
JSON
{
"hex": "#33715a",
"rgb": {
"r": 51,
"g": 113,
"b": 90
},
"hsl": {
"h": 157.742,
"s": 37.805,
"l": 32.157
},
"oklch": {
"l": 0.50053,
"c": 0.07475,
"h": 166.6
},
"luminance": 0.13252
}Semantic roles & 50–950 ramp
primary
#33715A
secondary
#A25E77
accent
#5A85CE
background
#F7F9F8
surface
#EDF2EF
border
#C8CCCA
text
#080E0B
muted
#7B7E7C