Cor nomeada mais próxima · #2B4835
#2B4835
Cor nomeada mais próxima: Everglade
#2B4835 (rgb(43 72 53), hsl(141 25% 23%), oklch(0.372 0.048 154.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.
#2B4835
oklch(0.372 0.048 154.7)
Conversões de cor
- HEX
- #2b4835
- RGB
- rgb(43 72 53)
- HSL
- hsl(141 25% 23%)
- HWB
- hwb(141 17% 72%)
- OKLCH
- oklch(0.372 0.048 154.7)
- OKLab
- oklab(0.372 -0.043 0.021)
- CIE Lab
- lab(27.84 -15.05 7.86)
- LCH
- lch(27.84 16.98 152.4)
- CMYK
- cmyk(40% 0% 26% 72%)
Tons claros · Sombras · Tons
Tons claros
- 3E5847
- 526959
- 667B6C
- 7A8D80
- 8F9F94
- A5B1A8
- BBC4BD
- D1D8D3
- E8EBE9
Sombras
- 243D2D
- 1D3325
- 16291D
- 101F15
- 0A160E
- 050D08
- 020603
- 010201
- 000000
Tons
- 344D3C
- 3C5343
- 44584B
- 4D5E52
- 556459
- 5E6961
- 666F69
- 6F7570
- 777A78
Harmonias de cor
Complementar +180°
- 2B4835
Everglade
- 50374B
≈ Noble Hatter’s Violet
Análoga -30° +30°
- 2B4835
Everglade
- 3B4528
≈ Palm Leaf
- 1E4943
≈ Country Squire
Tríade +120° +240°
- 2B4835
Everglade
- 393E5A
≈ Mangosteen
- 57372F
≈ Terra Brun
Complementar dividida +150° +210°
- 2B4835
Everglade
- 463A55
≈ Purple Velvet
- 56363D
≈ Port Glow
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.09:1 · APCA Lc 93
Ag
FailSobre preto
WCAG 2.08:1 · APCA Lc 9
Melhor cor de texto: #FFFFFF
WCAG 10.09:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
CSS
:root {
--everglade: #2b4835;
--everglade-rgb: 43 72 53;
--everglade-oklch: oklch(0.372 0.048 154.7);
}
.element {
color: var(--everglade);
background-color: hsl(141 25% 23%);
border-color: oklch(0.372 0.048 154.7);
}Tailwind CSS v4
@theme {
--color-everglade: #2b4835;
--color-everglade-50: #ebfaf0;
--color-everglade-100: #dcede1;
--color-everglade-200: #c4dbcc;
--color-everglade-300: #a4bfae;
--color-everglade-400: #89a792;
--color-everglade-500: #6d9078;
--color-everglade-600: #5d7a66;
--color-everglade-700: #4a6151;
--color-everglade-800: #36473a;
--color-everglade-900: #253128;
--color-everglade-950: #131d16;
}SCSS
$everglade: #2b4835;
$everglade-rgb: 43, 72, 53;
$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);
}