Nazwany kolor · #6E7D6E
Malarca
Malarca to #6E7D6E: rgb(110 125 110), hsl(120 6% 46%), oklch(0.573 0.029 145.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Malarca color name →
#6E7D6E
oklch(0.573 0.029 145.2)
Konwersje koloru
- HEX
- #6e7d6e
- RGB
- rgb(110 125 110)
- HSL
- hsl(120 6% 46%)
- HWB
- hwb(120 43% 51%)
- OKLCH
- oklch(0.573 0.029 145.2)
- OKLab
- oklab(0.573 -0.024 0.016)
- CIE Lab
- lab(50.82 -8.06 6.25)
- LCH
- lch(50.82 10.2 142.2)
- CMYK
- cmyk(12% 0% 12% 51%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7C897B
- 899689
- 97A297
- A5AFA5
- B4BCB4
- C3C9C2
- D1D6D1
- E0E4E0
- F0F1F0
Odcienie ciemniejsze
- 5F6C5F
- 505B50
- 414B41
- 333B33
- 262C26
- 191E19
- 0E110E
- 040504
- 010101
Tony
- 707D70
- 727E72
- 737E73
- 757E75
- 777F77
- 797F79
- 7B7F7B
- 7C7F7C
- 7E807E
Harmonie kolorów
Komplementarna +180°
- 6E7D6E
Malarca
- 817382
≈ Decorative Iris
Analogowa -30° +30°
- 6E7D6E
Malarca
- 777B67
≈ Wild Pigeon
- 677E77
≈ Underwater World
Triada +120° +240°
- 6E7D6E
Malarca
- 70788A
≈ Ice Blue Grey
- 897270
≈ Meridian
Komplementarna rozszczepiona +150° +210°
- 6E7D6E
Malarca
- 797588
≈ Flying Carpet
- 877179
≈ Simple Plum
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.35:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.82:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.82:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--malarca: #6e7d6e;
--malarca-rgb: 110 125 110;
--malarca-oklch: oklch(0.573 0.029 145.2);
}
.element {
color: var(--malarca);
background-color: hsl(120 6% 46%);
border-color: oklch(0.573 0.029 145.2);
}Tailwind CSS v4
@theme {
--color-malarca: #6e7d6e;
--color-malarca-50: #f0f7f0;
--color-malarca-100: #e2ebe2;
--color-malarca-200: #cdd8cd;
--color-malarca-300: #aebcaf;
--color-malarca-400: #94a394;
--color-malarca-500: #7b8c7b;
--color-malarca-600: #687668;
--color-malarca-700: #535e53;
--color-malarca-800: #3d453c;
--color-malarca-900: #2a3029;
--color-malarca-950: #171c17;
}SCSS
$malarca: #6e7d6e;
$malarca-rgb: 110, 125, 110;
$malarca-light: mix(#fff, $malarca, 20%);
$malarca-dark: mix(#000, $malarca, 20%);
.element {
color: $malarca;
box-shadow: 0 0 0 2px rgba($malarca, 0.35);
}