Colore con nome · #888844
Overgrown Citadel
Overgrown Citadel è #888844: rgb(136 136 68), hsl(60 33% 40%), oklch(0.611 0.091 108.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Overgrown Citadel color name →
#888844
oklch(0.611 0.091 108.8)
Conversioni di colore
- HEX
- #888844
- RGB
- rgb(136 136 68)
- HSL
- hsl(60 33% 40%)
- HWB
- hwb(60 27% 47%)
- OKLCH
- oklch(0.611 0.091 108.8)
- OKLab
- oklab(0.611 -0.029 0.086)
- CIE Lab
- lab(55.56 -7.42 36.09)
- LCH
- lch(55.56 36.84 101.6)
- CMYK
- cmyk(0% 0% 50% 47%)
Tinte · Ombre · Toni
Tinte
- 939457
- 9E9F6A
- AAAB7C
- B6B78F
- C1C2A1
- CDCEB4
- DADAC6
- E6E7D9
- F2F3EC
Ombre
- 75753A
- 636330
- 525226
- 41411D
- 313114
- 22220C
- 131305
- 060602
- 010100
Toni
- 87874B
- 868752
- 858659
- 85855F
- 848465
- 83846B
- 828370
- 818276
- 81817B
Armonie di colore
Complementare +180°
- 888844
Overgrown Citadel
- 827AB7
≈ Purple Rhapsody
Analogo -30° +30°
- 888844
Overgrown Citadel
- A17D40
≈ Wood Thrush
- 67915B
≈ Irish Charm
Triadico +120° +240°
- 888844
Overgrown Citadel
- 408EAF
≈ Boston Blue
- AC6D8C
≈ Purple Starburst
Complementare divisa +150° +210°
- 888844
Overgrown Citadel
- 6285BA
≈ Marine Ink
- 9B72A6
≈ Dark Lilac
Tetradico +90° +180° +270°
- 888844
Overgrown Citadel
- 2E9498
≈ Aqua Lake
- 827AB7
≈ Purple Rhapsody
- B46D6E
≈ Exotic Incense
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.71:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.65:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.65:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--overgrown-citadel: #888844;
--overgrown-citadel-rgb: 136 136 68;
--overgrown-citadel-oklch: oklch(0.611 0.091 108.8);
}
.element {
color: var(--overgrown-citadel);
background-color: hsl(60 33% 40%);
border-color: oklch(0.611 0.091 108.8);
}Tailwind CSS v4
@theme {
--color-overgrown-citadel: #888844;
--color-overgrown-citadel-50: #f6f8db;
--color-overgrown-citadel-100: #e9ebc9;
--color-overgrown-citadel-200: #d5d8ac;
--color-overgrown-citadel-300: #b9bc86;
--color-overgrown-citadel-400: #a3a362;
--color-overgrown-citadel-500: #8b8b3e;
--color-overgrown-citadel-600: #767636;
--color-overgrown-citadel-700: #5e5e2b;
--color-overgrown-citadel-800: #46441d;
--color-overgrown-citadel-900: #302f13;
--color-overgrown-citadel-950: #1d1c05;
}SCSS
$overgrown-citadel: #888844;
$overgrown-citadel-rgb: 136, 136, 68;
$overgrown-citadel-light: mix(#fff, $overgrown-citadel, 20%);
$overgrown-citadel-dark: mix(#000, $overgrown-citadel, 20%);
.element {
color: $overgrown-citadel;
box-shadow: 0 0 0 2px rgba($overgrown-citadel, 0.35);
}