Colore con nome · #28615D
Verdant Forest
Verdant Forest è #28615D: rgb(40 97 93), hsl(176 42% 27%), oklch(0.454 0.06 189). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Verdant Forest color name →
#28615D
oklch(0.454 0.06 189)
Conversioni di colore
- HEX
- #28615d
- RGB
- rgb(40 97 93)
- HSL
- hsl(176 42% 27%)
- HWB
- hwb(176 16% 62%)
- OKLCH
- oklch(0.454 0.06 189)
- OKLab
- oklab(0.454 -0.059 -0.009)
- CIE Lab
- lab(37.31 -20.26 -3.67)
- LCH
- lch(37.31 20.59 190.3)
- CMYK
- cmyk(59% 0% 4% 62%)
Tinte · Ombre · Toni
Tinte
- 3F706C
- 547F7B
- 688E8A
- 7D9D9A
- 92ADAA
- A7BDBB
- BDCDCB
- D3DEDC
- E9EEEE
Ombre
- 215350
- 1B4643
- 153937
- 0F2D2A
- 09211F
- 041514
- 020B0A
- 010303
- 000000
Toni
- 336460
- 3D6764
- 466A67
- 4F6E6B
- 57716E
- 607472
- 687775
- 707A79
- 787D7C
Armonie di colore
Complementare +180°
- 28615D
Verdant Forest
- 73484F
≈ Formal Maroon
Analogo -30° +30°
- 28615D
Verdant Forest
- 37614A
≈ Moss Vale
- 2A5E6D
≈ Night Shift
Triadico +120° +240°
- 28615D
Verdant Forest
- 604D70
≈ Futaai Indigo
- 6C5030
≈ Chocolate Rain
Complementare divisa +150° +210°
- 28615D
Verdant Forest
- 6D4961
≈ Wizard Time
- 734B3D
≈ Tiramisu
Tetradico +90° +180° +270°
- 28615D
Verdant Forest
- 4F5377
≈ Deep Orchid
- 73484F
≈ Formal Maroon
- 5E572E
≈ Tucumán Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.09:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.95:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.09:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--verdant-forest: #28615d;
--verdant-forest-rgb: 40 97 93;
--verdant-forest-oklch: oklch(0.454 0.06 189);
}
.element {
color: var(--verdant-forest);
background-color: hsl(176 42% 27%);
border-color: oklch(0.454 0.06 189);
}Tailwind CSS v4
@theme {
--color-verdant-forest: #28615d;
--color-verdant-forest-50: #e3fbf9;
--color-verdant-forest-100: #d2efed;
--color-verdant-forest-200: #b8ddda;
--color-verdant-forest-300: #95c2bf;
--color-verdant-forest-400: #75aaa6;
--color-verdant-forest-500: #54938e;
--color-verdant-forest-600: #487c78;
--color-verdant-forest-700: #396460;
--color-verdant-forest-800: #294946;
--color-verdant-forest-900: #1b3330;
--color-verdant-forest-950: #0b1e1d;
}SCSS
$verdant-forest: #28615d;
$verdant-forest-rgb: 40, 97, 93;
$verdant-forest-light: mix(#fff, $verdant-forest, 20%);
$verdant-forest-dark: mix(#000, $verdant-forest, 20%);
.element {
color: $verdant-forest;
box-shadow: 0 0 0 2px rgba($verdant-forest, 0.35);
}