Cor nomeada mais próxima · #253926
#253926
Cor nomeada mais próxima: Everglade
#253926 (rgb(37 57 38), hsl(123 21% 18%), oklch(0.321 0.042 145.7)) é mais próxima da cor nomeada Everglade. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#253926
oklch(0.321 0.042 145.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 384A39
- 4C5C4C
- 606F60
- 758275
- 8B968B
- A1AAA1
- B8BFB8
- CFD4CF
- E7E9E7
Sombras
- 1F3020
- 192819
- 131F13
- 0D170D
- 081008
- 040904
- 020402
- 000101
- 000000
Tons
- 2E402E
- 364737
- 3F4D3F
- 485448
- 515C51
- 5A635A
- 636A64
- 6D716D
- 767976
Harmonias de cor
Complementar +180°
- 253926
Everglade
- 3E2C3F
≈ Valentino Nero
Análoga -30° +30°
- 253926
Everglade
- 32361C
≈ Olivenite
- 193A32
≈ Palm Green
Tríade +120° +240°
- 253926
Everglade
- 293349
≈ Bunting
- 462B28
≈ Brown Coffee
Complementar dividida +150° +210°
- 253926
Everglade
- 352F46
≈ Plum Fuzz
- 442A34
≈ Wine Tasting
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 12.41:1 · APCA Lc 98
Ag
FailSobre preto
WCAG 1.69:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 12.41:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
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);
}