Nazwany kolor · #8A9992
Green Milieu
Green Milieu to #8A9992: rgb(138 153 146), hsl(152 7% 57%), oklch(0.669 0.02 166.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Green Milieu color name →
#8A9992
oklch(0.669 0.02 166.1)
Konwersje koloru
- HEX
- #8a9992
- RGB
- rgb(138 153 146)
- HSL
- hsl(152 7% 57%)
- HWB
- hwb(152 54% 40%)
- OKLCH
- oklch(0.669 0.02 166.1)
- OKLab
- oklab(0.669 -0.019 0.005)
- CIE Lab
- lab(61.86 -6.61 1.77)
- LCH
- lch(61.86 6.85 165)
- CMYK
- cmyk(10% 0% 5% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 95A39C
- A0ADA7
- ACB7B2
- B7C1BC
- C3CBC7
- CFD5D2
- DBDFDD
- E7EAE8
- F3F4F4
Odcienie ciemniejsze
- 77847E
- 65706B
- 535D58
- 424A46
- 323835
- 222725
- 141716
- 070808
- 010101
Tony
- 899690
- 88948E
- 87918D
- 868F8B
- 858C89
- 848A87
- 838785
- 828584
- 818282
Harmonie kolorów
Komplementarna +180°
- 8A9992
Green Milieu
- 9F9097
≈ Autumn Orchid
Analogowa -30° +30°
- 8A9992
Green Milieu
- 8F988C
≈ Ceremonial Grey
- 879999
≈ Aged Pewter
Triada +120° +240°
- 8A9992
Green Milieu
- 9393A1
≈ Ash Violet
- A0918B
≈ Cheyenne Rock
Komplementarna rozszczepiona +150° +210°
- 8A9992
Green Milieu
- 9A919D
≈ Duchess Lilac
- A19091
≈ Auger Shell
Tetrada +90° +180° +270°
- 8A9992
Green Milieu
- 8D96A1
≈ Roman Bath
- 9F9097
≈ Autumn Orchid
- 9C9388
≈ Portobello Mushroom
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.97:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.05:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 7.05:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-milieu: #8a9992;
--green-milieu-rgb: 138 153 146;
--green-milieu-oklch: oklch(0.669 0.02 166.1);
}
.element {
color: var(--green-milieu);
background-color: hsl(152 7% 57%);
border-color: oklch(0.669 0.02 166.1);
}Tailwind CSS v4
@theme {
--color-green-milieu: #8a9992;
--color-green-milieu-50: #f0f7f4;
--color-green-milieu-100: #e2eae6;
--color-green-milieu-200: #cdd7d2;
--color-green-milieu-300: #aebbb5;
--color-green-milieu-400: #94a29c;
--color-green-milieu-500: #7a8b83;
--color-green-milieu-600: #68756f;
--color-green-milieu-700: #535e59;
--color-green-milieu-800: #3c4540;
--color-green-milieu-900: #292f2c;
--color-green-milieu-950: #171c19;
}SCSS
$green-milieu: #8a9992;
$green-milieu-rgb: 138, 153, 146;
$green-milieu-light: mix(#fff, $green-milieu, 20%);
$green-milieu-dark: mix(#000, $green-milieu, 20%);
.element {
color: $green-milieu;
box-shadow: 0 0 0 2px rgba($green-milieu, 0.35);
}