Colore con nome più vicino · #253926
#253926
Colore con nome più vicino: Everglade
#253926 (rgb(37 57 38), hsl(123 21% 18%), oklch(0.321 0.042 145.7)) è più vicino al colore con nome Everglade. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#253926
oklch(0.321 0.042 145.7)
Conversioni di colore
- HEX
- #253926
- RGB
- rgb(37 57 38)
- HSL
- hsl(123 21% 18%)
- HWB
- hwb(123 15% 78%)
- OKLCH
- oklch(0.321 0.042 145.7)
- OKLab
- oklab(0.321 -0.035 0.024)
- CIE Lab
- lab(21.81 -11.89 9.23)
- LCH
- lch(21.81 15.05 142.2)
- CMYK
- cmyk(35% 0% 33% 78%)
Tinte · Ombre · Toni
Tinte
- 384A39
- 4C5C4C
- 606F60
- 758275
- 8B968B
- A1AAA1
- B8BFB8
- CFD4CF
- E7E9E7
Ombre
- 1F3020
- 192819
- 131F13
- 0D170D
- 081008
- 040904
- 020402
- 000101
- 000000
Toni
- 2E402E
- 364737
- 3F4D3F
- 485448
- 515C51
- 5A635A
- 636A64
- 6D716D
- 767976
Armonie di colore
Complementare +180°
- 253926
Everglade
- 3E2C3F
≈ Valentino Nero
Analogo -30° +30°
- 253926
Everglade
- 32361C
≈ Olivenite
- 193A32
≈ Palm Green
Triadico +120° +240°
- 253926
Everglade
- 293349
≈ Bunting
- 462B28
≈ Brown Coffee
Complementare divisa +150° +210°
- 253926
Everglade
- 352F46
≈ Plum Fuzz
- 442A34
≈ Wine Tasting
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.41:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.69:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.41:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--everglade: #253926;
--everglade-rgb: 37 57 38;
--everglade-oklch: oklch(0.321 0.042 145.7);
}
.element {
color: var(--everglade);
background-color: hsl(123 21% 18%);
border-color: oklch(0.321 0.042 145.7);
}Tailwind CSS v4
@theme {
--color-everglade: #253926;
--color-everglade-50: #eef9ee;
--color-everglade-100: #dfece0;
--color-everglade-200: #c9d9ca;
--color-everglade-300: #aabeab;
--color-everglade-400: #8fa590;
--color-everglade-500: #758e76;
--color-everglade-600: #637864;
--color-everglade-700: #4f6050;
--color-everglade-800: #3a4639;
--color-everglade-900: #283127;
--color-everglade-950: #161d15;
}SCSS
$everglade: #253926;
$everglade-rgb: 37, 57, 38;
$everglade-light: mix(#fff, $everglade, 20%);
$everglade-dark: mix(#000, $everglade, 20%);
.element {
color: $everglade;
box-shadow: 0 0 0 2px rgba($everglade, 0.35);
}