Cor nomeada mais próxima · #324513
#324513
Cor nomeada mais próxima: Treetop Cathedral
#324513 (rgb(50 69 19), hsl(83 57% 17%), oklch(0.362 0.078 127.6)) é 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.
#324513
oklch(0.362 0.078 127.6)
Conversões de cor
- HEX
- #324513
- RGB
- rgb(50 69 19)
- HSL
- hsl(83 57% 17%)
- HWB
- hwb(83 7% 73%)
- OKLCH
- oklch(0.362 0.078 127.6)
- OKLab
- oklab(0.362 -0.047 0.061)
- CIE Lab
- lab(26.78 -14.6 26.52)
- LCH
- lch(26.78 30.27 118.8)
- CMYK
- cmyk(28% 0% 72% 73%)
Tons claros · Sombras · Tons
Tons claros
- 44562A
- 566740
- 6A7957
- 7D8B6D
- 929E84
- A7B09C
- BCC4B4
- D2D7CC
- E8EBE5
Sombras
- 2A3B0F
- 22310B
- 1B2707
- 141E05
- 0D1503
- 070C01
- 030501
- 010200
- 000000
Tons
- 394B20
- 41512B
- 485736
- 505C40
- 58624B
- 606855
- 676E60
- 70746A
- 787A75
Harmonias de cor
Complementar +180°
- 324513
Treetop Cathedral
- 49325D
≈ Royal Crown
Análoga -30° +30°
- 324513
Treetop Cathedral
- 493D00
≈ Xanthophobia
- 0D4A2D
≈ Alaskan Moss
Tríade +120° +240°
- 324513
Treetop Cathedral
- 164064
≈ Blue Opal
- 5F2A36
≈ Windsor Wine
Complementar dividida +150° +210°
- 324513
Treetop Cathedral
- 343966
≈ Rhynchites Nitens
- 572C4C
≈ Winter Bloom
Tétrade +90° +180° +270°
- 324513
Treetop Cathedral
- 004654
≈ Crab Nebula
- 49325D
≈ Royal Crown
- 5F2D1E
≈ Chestnut Leather
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.51:1 · APCA Lc 94
Ag
FailSobre preto
WCAG 1.99:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 10.51:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--treetop-cathedral: #324513;
--treetop-cathedral-rgb: 50 69 19;
--treetop-cathedral-oklch: oklch(0.362 0.078 127.6);
}
.element {
color: var(--treetop-cathedral);
background-color: hsl(83 57% 17%);
border-color: oklch(0.362 0.078 127.6);
}Tailwind CSS v4
@theme {
--color-treetop-cathedral: #324513;
--color-treetop-cathedral-50: #eefae3;
--color-treetop-cathedral-100: #e0eed3;
--color-treetop-cathedral-200: #cadbb9;
--color-treetop-cathedral-300: #abc096;
--color-treetop-cathedral-400: #91a776;
--color-treetop-cathedral-500: #789057;
--color-treetop-cathedral-600: #657a4a;
--color-treetop-cathedral-700: #51623b;
--color-treetop-cathedral-800: #3c4729;
--color-treetop-cathedral-900: #29311c;
--color-treetop-cathedral-950: #171d0c;
}SCSS
$treetop-cathedral: #324513;
$treetop-cathedral-rgb: 50, 69, 19;
$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);
}