Cor nomeada mais próxima · #2B4E19
#2B4E19
Cor nomeada mais próxima: Treetop Cathedral
#2B4E19 (rgb(43 78 25), hsl(100 51% 20%), oklch(0.384 0.09 136.5)) é mais próxima da cor nomeada Treetop Cathedral. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#2B4E19
oklch(0.384 0.09 136.5)
Conversões de cor
- HEX
- #2b4e19
- RGB
- rgb(43 78 25)
- HSL
- hsl(100 51% 20%)
- HWB
- hwb(100 10% 69%)
- OKLCH
- oklch(0.384 0.09 136.5)
- OKLab
- oklab(0.384 -0.066 0.062)
- CIE Lab
- lab(29.56 -21.48 26.34)
- LCH
- lch(29.56 33.99 129.2)
- CMYK
- cmyk(45% 0% 68% 69%)
Tons claros · Sombras · Tons
Tons claros
- 3E5E30
- 526F45
- 66805B
- 7A9171
- 8FA387
- A5B59E
- BBC7B6
- D1D9CE
- E8ECE6
Sombras
- 244314
- 1D3810
- 162D0B
- 102307
- 0A1904
- 050F02
- 020701
- 010200
- 000000
Tons
- 345325
- 3C582F
- 445D3A
- 4D6244
- 55674E
- 5E6C58
- 667162
- 6F766C
- 777B76
Harmonias de cor
Complementar +180°
- 2B4E19
Treetop Cathedral
- 563263
≈ Damson Mauve
Análoga -30° +30°
- 2B4E19
Treetop Cathedral
- 494600
≈ Alligator Gladiator
- 00503A
≈ Chrysocolla Dark Green
Tríade +120° +240°
- 2B4E19
Treetop Cathedral
- 204473
≈ Assault
- 6B2C32
≈ Crystal Dark Red
Complementar dividida +150° +210°
- 2B4E19
Treetop Cathedral
- 413A71
≈ American Blue
- 652D4D
≈ Witch Soup
Tétrade +90° +180° +270°
- 2B4E19
Treetop Cathedral
- 004B62
≈ Fresco Blue
- 563263
≈ Damson Mauve
- 693113
≈ Meatloaf
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.51:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 2.20:1 · APCA Lc 11
Melhor cor de texto: #FFFFFF
WCAG 9.51:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--treetop-cathedral: #2b4e19;
--treetop-cathedral-rgb: 43 78 25;
--treetop-cathedral-oklch: oklch(0.384 0.09 136.5);
}
.element {
color: var(--treetop-cathedral);
background-color: hsl(100 51% 20%);
border-color: oklch(0.384 0.09 136.5);
}Tailwind CSS v4
@theme {
--color-treetop-cathedral: #2b4e19;
--color-treetop-cathedral-50: #e9fce3;
--color-treetop-cathedral-100: #d9f0d3;
--color-treetop-cathedral-200: #c1deb9;
--color-treetop-cathedral-300: #a1c396;
--color-treetop-cathedral-400: #86ab76;
--color-treetop-cathedral-500: #6a9457;
--color-treetop-cathedral-600: #5a7d4a;
--color-treetop-cathedral-700: #48643b;
--color-treetop-cathedral-800: #354929;
--color-treetop-cathedral-900: #24331b;
--color-treetop-cathedral-950: #131e0c;
}SCSS
$treetop-cathedral: #2b4e19;
$treetop-cathedral-rgb: 43, 78, 25;
$treetop-cathedral-light: mix(#fff, $treetop-cathedral, 20%);
$treetop-cathedral-dark: mix(#000, $treetop-cathedral, 20%);
.element {
color: $treetop-cathedral;
box-shadow: 0 0 0 2px rgba($treetop-cathedral, 0.35);
}