Cor nomeada mais próxima · #324420
#324420
Cor nomeada mais próxima: Forestry
#324420 (rgb(50 68 32), hsl(90 36% 20%), oklch(0.361 0.062 130.7)) é mais próxima da cor nomeada Forestry. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#324420
oklch(0.361 0.062 130.7)
Conversões de cor
- HEX
- #324420
- RGB
- rgb(50 68 32)
- HSL
- hsl(90 36% 20%)
- HWB
- hwb(90 13% 73%)
- OKLCH
- oklch(0.361 0.062 130.7)
- OKLab
- oklab(0.361 -0.04 0.047)
- CIE Lab
- lab(26.57 -12.97 19.25)
- LCH
- lch(26.57 23.21 124)
- CMYK
- cmyk(26% 0% 53% 73%)
Tons claros · Sombras · Tons
Tons claros
- 445534
- 566648
- 6A785D
- 7E8A73
- 929D89
- A7B0A0
- BCC3B7
- D2D7CE
- E8EBE6
Sombras
- 2A3A1A
- 223015
- 1B260F
- 141D0A
- 0D1406
- 070C03
- 030501
- 010200
- 000000
Tons
- 394A2A
- 415033
- 48563D
- 505C46
- 58624F
- 606859
- 686E63
- 70746C
- 787A76
Harmonias de cor
Complementar +180°
- 324420
Forestry
- 483455
≈ Purple Plumeria
Análoga -30° +30°
- 324420
Forestry
- 453E13
≈ Xanthophobia
- 1A4733
≈ Sherwood Green
Tríade +120° +240°
- 324420
Forestry
- 233F5D
≈ Sir Edmund
- 592F35
≈ Dubonnet
Complementar dividida +150° +210°
- 324420
Forestry
- 38395D
≈ Magic Night
- 533047
≈ Potent Purple
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.58:1 · APCA Lc 95
Ag
FailSobre preto
WCAG 1.98:1 · APCA Lc 8
Melhor cor de texto: #FFFFFF
WCAG 10.58:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--forestry: #324420;
--forestry-rgb: 50 68 32;
--forestry-oklch: oklch(0.361 0.062 130.7);
}
.element {
color: var(--forestry);
background-color: hsl(90 36% 20%);
border-color: oklch(0.361 0.062 130.7);
}Tailwind CSS v4
@theme {
--color-forestry: #324420;
--color-forestry-50: #eef9e7;
--color-forestry-100: #e0edd8;
--color-forestry-200: #cadac0;
--color-forestry-300: #abbf9e;
--color-forestry-400: #92a680;
--color-forestry-500: #788f63;
--color-forestry-600: #667955;
--color-forestry-700: #516143;
--color-forestry-800: #3c4730;
--color-forestry-900: #293120;
--color-forestry-950: #171d10;
}SCSS
$forestry: #324420;
$forestry-rgb: 50, 68, 32;
$forestry-light: mix(#fff, $forestry, 20%);
$forestry-dark: mix(#000, $forestry, 20%);
.element {
color: $forestry;
box-shadow: 0 0 0 2px rgba($forestry, 0.35);
}