Colore con nome · #AAAD94
Quiet Thicket
Quiet Thicket è #AAAD94: rgb(170 173 148), hsl(67 13% 63%), oklch(0.738 0.035 112.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Quiet Thicket color name →
#AAAD94
oklch(0.738 0.035 112.8)
Conversioni di colore
- HEX
- #aaad94
- RGB
- rgb(170 173 148)
- HSL
- hsl(67 13% 63%)
- HWB
- hwb(67 58% 32%)
- OKLCH
- oklch(0.738 0.035 112.8)
- OKLab
- oklab(0.738 -0.014 0.032)
- CIE Lab
- lab(69.96 -4.4 12.53)
- LCH
- lch(69.96 13.28 109.4)
- CMYK
- cmyk(2% 0% 14% 32%)
Tinte · Ombre · Toni
Tinte
- B2B59E
- BABDA9
- C3C5B3
- CBCDBE
- D4D5C8
- DCDED3
- E5E6DE
- EDEEE9
- F6F7F4
Ombre
- 939680
- 7D7F6D
- 686A5A
- 535548
- 3F4136
- 2D2D26
- 1B1B16
- 0B0B08
- 010101
Toni
- A6A892
- A1A490
- 9D9F8E
- 999B8C
- 95968A
- 919288
- 8C8D86
- 888984
- 848482
Armonie di colore
Complementare +180°
- AAAD94
Quiet Thicket
- ABA7BF
≈ Eyeshadow Viola
Analogo -30° +30°
- AAAD94
Quiet Thicket
- B5A992
≈ Universal Khaki
- 9EB09C
≈ Drizzle
Triadico +120° +240°
- AAAD94
Quiet Thicket
- 95AFBD
≈ Showcase Blue
- BDA2AC
≈ Decanting
Complementare divisa +150° +210°
- AAAD94
Quiet Thicket
- 9FABC1
≈ Lilac Time
- B5A3B7
≈ Emanation
Tetradico +90° +180° +270°
- AAAD94
Quiet Thicket
- 91B1B4
≈ Bulfinch Blue
- ABA7BF
≈ Eyeshadow Viola
- C0A2A0
≈ Foggy Quartz
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.30:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.11:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.11:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--quiet-thicket: #aaad94;
--quiet-thicket-rgb: 170 173 148;
--quiet-thicket-oklch: oklch(0.738 0.035 112.8);
}
.element {
color: var(--quiet-thicket);
background-color: hsl(67 13% 63%);
border-color: oklch(0.738 0.035 112.8);
}Tailwind CSS v4
@theme {
--color-quiet-thicket: #aaad94;
--color-quiet-thicket-50: #f4f6eb;
--color-quiet-thicket-100: #e7e9dc;
--color-quiet-thicket-200: #d3d6c6;
--color-quiet-thicket-300: #b6baa6;
--color-quiet-thicket-400: #9ea18a;
--color-quiet-thicket-500: #86896e;
--color-quiet-thicket-600: #71745e;
--color-quiet-thicket-700: #5b5d4b;
--color-quiet-thicket-800: #434436;
--color-quiet-thicket-900: #2e2f25;
--color-quiet-thicket-950: #1b1b13;
}SCSS
$quiet-thicket: #aaad94;
$quiet-thicket-rgb: 170, 173, 148;
$quiet-thicket-light: mix(#fff, $quiet-thicket, 20%);
$quiet-thicket-dark: mix(#000, $quiet-thicket, 20%);
.element {
color: $quiet-thicket;
box-shadow: 0 0 0 2px rgba($quiet-thicket, 0.35);
}