Colore con nome · #87968B
Underground Gardens
Underground Gardens è #87968B: rgb(135 150 139), hsl(136 7% 56%), oklch(0.658 0.024 153.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Underground Gardens color name →
#87968B
oklch(0.658 0.024 153.9)
Conversioni di colore
- HEX
- #87968b
- RGB
- rgb(135 150 139)
- HSL
- hsl(136 7% 56%)
- HWB
- hwb(136 53% 41%)
- OKLCH
- oklch(0.658 0.024 153.9)
- OKLab
- oklab(0.658 -0.021 0.01)
- CIE Lab
- lab(60.62 -7.23 3.9)
- LCH
- lch(60.62 8.21 151.7)
- CMYK
- cmyk(10% 0% 7% 41%)
Tinte · Ombre · Toni
Tinte
- 92A096
- 9EAAA1
- AAB4AC
- B5BFB8
- C1C9C3
- CDD4CF
- DADEDB
- E6E9E7
- F2F4F3
Ombre
- 758278
- 636E66
- 515B54
- 414943
- 313732
- 212623
- 131614
- 060807
- 010101
Toni
- 86948A
- 869289
- 858F88
- 848D87
- 848B86
- 838984
- 828783
- 818482
- 818281
Armonie di colore
Complementare +180°
- 87968B
Underground Gardens
- 9B8C98
≈ Greige Violet
Analogo -30° +30°
- 87968B
Underground Gardens
- 8E9485
≈ Eyre
- 829693
≈ In the Moment
Triadico +120° +240°
- 87968B
Underground Gardens
- 8D91A0
≈ Manatee
- 9F8D88
≈ Satellite
Complementare divisa +150° +210°
- 87968B
Underground Gardens
- 948E9E
≈ Evening in Paris
- 9F8C90
≈ Hatoba-Nezumi Grey
Tetradico +90° +180° +270°
- 87968B
Underground Gardens
- 86949F
≈ Supreme Grey
- 9B8C98
≈ Greige Violet
- 9C8F83
≈ Putty Yellow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.10:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.76:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.76:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--underground-gardens: #87968b;
--underground-gardens-rgb: 135 150 139;
--underground-gardens-oklch: oklch(0.658 0.024 153.9);
}
.element {
color: var(--underground-gardens);
background-color: hsl(136 7% 56%);
border-color: oklch(0.658 0.024 153.9);
}Tailwind CSS v4
@theme {
--color-underground-gardens: #87968b;
--color-underground-gardens-50: #f0f7f2;
--color-underground-gardens-100: #e2eae5;
--color-underground-gardens-200: #cdd7d0;
--color-underground-gardens-300: #aebbb2;
--color-underground-gardens-400: #94a398;
--color-underground-gardens-500: #7b8b7f;
--color-underground-gardens-600: #68766c;
--color-underground-gardens-700: #535e56;
--color-underground-gardens-800: #3d453e;
--color-underground-gardens-900: #2a302b;
--color-underground-gardens-950: #171c18;
}SCSS
$underground-gardens: #87968b;
$underground-gardens-rgb: 135, 150, 139;
$underground-gardens-light: mix(#fff, $underground-gardens, 20%);
$underground-gardens-dark: mix(#000, $underground-gardens, 20%);
.element {
color: $underground-gardens;
box-shadow: 0 0 0 2px rgba($underground-gardens, 0.35);
}