Color con nombre más cercano · #623025
#623025
Color con nombre más cercano: Hairy Heath
#623025 (rgb(98 48 37), hsl(11 45% 26%), oklch(0.373 0.075 33.6)) se parece más al color con nombre Hairy Heath. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#623025
oklch(0.373 0.075 33.6)
Conversiones de color
- HEX
- #623025
- RGB
- rgb(98 48 37)
- HSL
- hsl(11 45% 26%)
- HWB
- hwb(11 15% 62%)
- OKLCH
- oklch(0.373 0.075 33.6)
- OKLab
- oklab(0.373 0.063 0.042)
- CIE Lab
- lab(26.59 22.28 17.77)
- LCH
- lch(26.59 28.5 38.6)
- CMYK
- cmyk(0% 51% 62% 62%)
Tintes · Sombras · Tonos
Tintes
- 724338
- 81564C
- 916A61
- A17E76
- B0928B
- C0A7A1
- D0BDB8
- DFD2CF
- EFE9E7
Sombras
- 54281F
- 472119
- 3A1A13
- 2D130D
- 210C08
- 160604
- 0B0302
- 030100
- 000000
Tonos
- 66382E
- 694037
- 6D4840
- 705049
- 735852
- 76605B
- 796864
- 7B706D
- 7E7877
Armonías de color
Complementario +180°
- 623025
Hairy Heath
- 004955
≈ Midnight Green
Análogo -30° +30°
- 623025
Hairy Heath
- 612E3C
≈ Windsor Wine
- 5C370D
≈ Chocolate Fantasies
Triádico +120° +240°
- 623025
Hairy Heath
- 1A4C2D
≈ Cal Poly Pomona Green
- 343D68
≈ Newport Indigo
Complementario dividido +150° +210°
- 623025
Hairy Heath
- 004C44
≈ Aqua Deep
- 164465
≈ Forest Blues
Tetrádico +90° +180° +270°
- 623025
Hairy Heath
- 384715
≈ Treetop Cathedral
- 004955
≈ Midnight Green
- 493661
≈ Petunia
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 10.66:1 · APCA Lc 94
Ag
FailSobre negro
WCAG 1.96:1 · APCA Lc 8
Mejor color de texto: #FFFFFF
WCAG 10.66:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmentos de código
CSS
:root {
--hairy-heath: #623025;
--hairy-heath-rgb: 98 48 37;
--hairy-heath-oklch: oklch(0.373 0.075 33.6);
}
.element {
color: var(--hairy-heath);
background-color: hsl(11 45% 26%);
border-color: oklch(0.373 0.075 33.6);
}Tailwind CSS v4
@theme {
--color-hairy-heath: #623025;
--color-hairy-heath-50: #ffeee7;
--color-hairy-heath-100: #ffe0d7;
--color-hairy-heath-200: #f2cabf;
--color-hairy-heath-300: #dbaa9d;
--color-hairy-heath-400: #c78f82;
--color-hairy-heath-500: #b27465;
--color-hairy-heath-600: #976256;
--color-hairy-heath-700: #794e45;
--color-hairy-heath-800: #5a3932;
--color-hairy-heath-900: #3f2722;
--color-hairy-heath-950: #281511;
}SCSS
$hairy-heath: #623025;
$hairy-heath-rgb: 98, 48, 37;
$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);
}