Cor nomeada mais próxima · #65342C
#65342C
Cor nomeada mais próxima: Hairy Heath
#65342C (rgb(101 52 44), hsl(8 39% 28%), oklch(0.386 0.072 30.4)) é mais próxima da cor nomeada Hairy Heath. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#65342C
oklch(0.386 0.072 30.4)
Conversões de cor
- HEX
- #65342c
- RGB
- rgb(101 52 44)
- HSL
- hsl(8 39% 28%)
- HWB
- hwb(8 17% 60%)
- OKLCH
- oklch(0.386 0.072 30.4)
- OKLab
- oklab(0.386 0.062 0.037)
- CIE Lab
- lab(28.14 21.81 15.35)
- LCH
- lch(28.14 26.67 35.1)
- CMYK
- cmyk(0% 49% 56% 60%)
Tons claros · Sombras · Tons
Tons claros
- 74473F
- 845952
- 936D66
- A2807A
- B2948F
- C1A9A4
- D0BEBA
- E0D3D1
- EFE9E8
Sombras
- 572C25
- 49241E
- 3C1C17
- 2F1511
- 220E0A
- 170705
- 0C0302
- 030101
- 000000
Tons
- 683C34
- 6C433C
- 6F4B44
- 72524D
- 745A55
- 77615D
- 7A6966
- 7C716F
- 7E7877
Harmonias de cor
Complementar +180°
- 65342C
Hairy Heath
- 004D58
≈ Watercolour Blue
Análoga -30° +30°
- 65342C
Hairy Heath
- 633242
≈ Clinker Red
- 603A17
≈ Cassiterite Brown
Tríade +120° +240°
- 65342C
Hairy Heath
- 244F2F
≈ Cal Poly Pomona Green
- 35416B
≈ Gloomy Blue
Complementar dividida +150° +210°
- 65342C
Hairy Heath
- 005046
≈ Fjord Green
- 194867
≈ Terror From the Deep
Tétrade +90° +180° +270°
- 65342C
Hairy Heath
- 3F4A19
≈ Avocado Dark Green
- 004D58
≈ Watercolour Blue
- 4A3A65
≈ Meteorite
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 {
--hairy-heath: #65342c;
--hairy-heath-rgb: 101 52 44;
--hairy-heath-oklch: oklch(0.386 0.072 30.4);
}
.element {
color: var(--hairy-heath);
background-color: hsl(8 39% 28%);
border-color: oklch(0.386 0.072 30.4);
}Tailwind CSS v4
@theme {
--color-hairy-heath: #65342c;
--color-hairy-heath-50: #ffeee8;
--color-hairy-heath-100: #ffe0d9;
--color-hairy-heath-200: #f2cac1;
--color-hairy-heath-300: #daaba0;
--color-hairy-heath-400: #c58f85;
--color-hairy-heath-500: #b17469;
--color-hairy-heath-600: #956259;
--color-hairy-heath-700: #784f47;
--color-hairy-heath-800: #593934;
--color-hairy-heath-900: #3e2723;
--color-hairy-heath-950: #271512;
}SCSS
$hairy-heath: #65342c;
$hairy-heath-rgb: 101, 52, 44;
$hairy-heath-light: mix(#fff, $hairy-heath, 20%);
$hairy-heath-dark: mix(#000, $hairy-heath, 20%);
.element {
color: $hairy-heath;
box-shadow: 0 0 0 2px rgba($hairy-heath, 0.35);
}