Colore con nome · #32493E
Government Green
Government Green è #32493E: rgb(50 73 62), hsl(151 19% 24%), oklch(0.383 0.034 163.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Government Green color name →
#32493E
oklch(0.383 0.034 163.6)
Conversioni di colore
- HEX
- #32493e
- RGB
- rgb(50 73 62)
- HSL
- hsl(151 19% 24%)
- HWB
- hwb(151 20% 71%)
- OKLCH
- oklch(0.383 0.034 163.6)
- OKLab
- oklab(0.383 -0.033 0.01)
- CIE Lab
- lab(28.85 -11.36 3.61)
- LCH
- lch(28.85 11.92 162.4)
- CMYK
- cmyk(32% 0% 15% 71%)
Tinte · Ombre · Toni
Tinte
- 44594F
- 576A61
- 6A7B73
- 7E8D86
- 939F99
- A8B2AC
- BDC5C0
- D2D8D5
- E9EBEA
Ombre
- 2A3E35
- 22342B
- 1B2A23
- 14201A
- 0D1712
- 070E0A
- 030604
- 010201
- 000000
Toni
- 3A4E44
- 41544B
- 495951
- 515E57
- 58645E
- 606A65
- 686F6B
- 707572
- 787A79
Armonie di colore
Complementare +180°
- 32493E
Government Green
- 513C48
≈ Indulgence
Analogo -30° +30°
- 32493E
Government Green
- 3C4735
≈ Arame Seaweed Green
- 2D4948
≈ Frontier
Triadico +120° +240°
- 32493E
Government Green
- 404155
≈ Attorney
- 533D34
≈ Obsidian Brown
Complementare divisa +150° +210°
- 32493E
Government Green
- 4A3E50
≈ Bossa Nova
- 543C3E
≈ Charred Chocolate
Tetradico +90° +180° +270°
- 32493E
Government Green
- 364455
≈ Soulful
- 513C48
≈ Indulgence
- 4E402F
≈ Fresh Roe
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.73:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.15:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.73:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--government-green: #32493e;
--government-green-rgb: 50 73 62;
--government-green-oklch: oklch(0.383 0.034 163.6);
}
.element {
color: var(--government-green);
background-color: hsl(151 19% 24%);
border-color: oklch(0.383 0.034 163.6);
}Tailwind CSS v4
@theme {
--color-government-green: #32493e;
--color-government-green-50: #edf8f3;
--color-government-green-100: #deece5;
--color-government-green-200: #c7d9d1;
--color-government-green-300: #a8bdb3;
--color-government-green-400: #8da599;
--color-government-green-500: #728e80;
--color-government-green-600: #61786c;
--color-government-green-700: #4d6057;
--color-government-green-800: #38463f;
--color-government-green-900: #26312b;
--color-government-green-950: #151d18;
}SCSS
$government-green: #32493e;
$government-green-rgb: 50, 73, 62;
$government-green-light: mix(#fff, $government-green, 20%);
$government-green-dark: mix(#000, $government-green, 20%);
.element {
color: $government-green;
box-shadow: 0 0 0 2px rgba($government-green, 0.35);
}