Colore con nome · #998811
Quagmire Green
Quagmire Green è #998811: rgb(153 136 17), hsl(53 80% 33%), oklch(0.623 0.125 100.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Quagmire Green color name →
#998811
oklch(0.623 0.125 100.1)
Conversioni di colore
- HEX
- #998811
- RGB
- rgb(153 136 17)
- HSL
- hsl(53 80% 33%)
- HWB
- hwb(53 7% 40%)
- OKLCH
- oklch(0.623 0.125 100.1)
- OKLab
- oklab(0.623 -0.022 0.124)
- CIE Lab
- lab(56.85 -1.91 57.67)
- LCH
- lch(56.85 57.7 91.9)
- CMYK
- cmyk(0% 11% 89% 40%)
Tinte · Ombre · Toni
Tinte
- A39438
- ACA052
- B6AB69
- C0B77F
- CAC394
- D5CFAA
- DFDBBF
- EAE7D4
- F4F3E9
Ombre
- 84750D
- 706309
- 5D5206
- 4A4104
- 383102
- 272201
- 171300
- 080600
- 010100
Toni
- 968829
- 948738
- 918644
- 8F864F
- 8C8558
- 8A8461
- 878369
- 858271
- 828179
Armonie di colore
Complementare +180°
- 998811
Quagmire Green
- 797DD1
≈ Tanzine
Analogo -30° +30°
- 998811
Quagmire Green
- B7781D
≈ Caramel Coating
- 6D963E
≈ Lattice Green
Triadico +120° +240°
- 998811
Quagmire Green
- 0096B6
≈ Bondi Blue
- B8679F
≈ Pearly Purple
Complementare divisa +150° +210°
- 998811
Quagmire Green
- 458BCF
≈ Magical Merlin
- 9E70BF
≈ Viola
Tetradico +90° +180° +270°
- 998811
Quagmire Green
- 009B96
≈ Caribbean Turquoise
- 797DD1
≈ Tanzine
- C66476
≈ Triple Berry
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.56:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.88:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.88:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--quagmire-green: #998811;
--quagmire-green-rgb: 153 136 17;
--quagmire-green-oklch: oklch(0.623 0.125 100.1);
}
.element {
color: var(--quagmire-green);
background-color: hsl(53 80% 33%);
border-color: oklch(0.623 0.125 100.1);
}Tailwind CSS v4
@theme {
--color-quagmire-green: #998811;
--color-quagmire-green-50: #fcf7ce;
--color-quagmire-green-100: #f0eaba;
--color-quagmire-green-200: #ded798;
--color-quagmire-green-300: #c4ba6c;
--color-quagmire-green-400: #b0a03d;
--color-quagmire-green-500: #9a8700;
--color-quagmire-green-600: #827200;
--color-quagmire-green-700: #685b00;
--color-quagmire-green-800: #4e4200;
--color-quagmire-green-900: #362e00;
--color-quagmire-green-950: #211a00;
}SCSS
$quagmire-green: #998811;
$quagmire-green-rgb: 153, 136, 17;
$quagmire-green-light: mix(#fff, $quagmire-green, 20%);
$quagmire-green-dark: mix(#000, $quagmire-green, 20%);
.element {
color: $quagmire-green;
box-shadow: 0 0 0 2px rgba($quagmire-green, 0.35);
}