Benannte Farbe · #633528
Hairy Heath
Hairy Heath ist #633528: rgb(99 53 40), hsl(13 42% 27%), oklch(0.384 0.07 36.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Hairy Heath color name →
#633528
oklch(0.384 0.07 36.6)
Farbumrechnungen
- HEX
- #633528
- RGB
- rgb(99 53 40)
- HSL
- hsl(13 42% 27%)
- HWB
- hwb(13 16% 61%)
- OKLCH
- oklch(0.384 0.07 36.6)
- OKLab
- oklab(0.384 0.056 0.042)
- CIE Lab
- lab(28 20.07 17.65)
- LCH
- lch(28 26.72 41.3)
- CMYK
- cmyk(0% 46% 60% 61%)
Tints · Shades · Tones
Tints
- 72473B
- 825A4F
- 916D63
- A18178
- B0958D
- C0A9A3
- D0BEB9
- DFD3D0
- EFE9E7
Shades
- 552D21
- 47251B
- 3A1D15
- 2E150F
- 210E09
- 160804
- 0B0302
- 030101
- 000000
Tones
- 673D31
- 6A4439
- 6D4B42
- 70534A
- 735A53
- 76625C
- 796965
- 7B716E
- 7E7877
Farbharmonien
Komplementär +180°
- 633528
Hairy Heath
- 004C5B
≈ Nocturnal Expedition
Analog -30° +30°
- 633528
Hairy Heath
- 62333D
≈ Power Tie
- 5C3B15
≈ Hippogriff Brown
Triadisch +120° +240°
- 633528
Hairy Heath
- 1E4E34
≈ Order Green
- 3A3F68
≈ Raven Night
Geteilt komplementär +150° +210°
- 633528
Hairy Heath
- 004F49
≈ Action Green
- 214667
≈ Terror From the Deep
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.14:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.07:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.14:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--hairy-heath: #633528;
--hairy-heath-rgb: 99 53 40;
--hairy-heath-oklch: oklch(0.384 0.07 36.6);
}
.element {
color: var(--hairy-heath);
background-color: hsl(13 42% 27%);
border-color: oklch(0.384 0.07 36.6);
}Tailwind CSS v4
@theme {
--color-hairy-heath: #633528;
--color-hairy-heath-50: #ffefe7;
--color-hairy-heath-100: #fee1d7;
--color-hairy-heath-200: #f0cbbf;
--color-hairy-heath-300: #d8ac9e;
--color-hairy-heath-400: #c49082;
--color-hairy-heath-500: #af7665;
--color-hairy-heath-600: #946456;
--color-hairy-heath-700: #775045;
--color-hairy-heath-800: #583a32;
--color-hairy-heath-900: #3d2722;
--color-hairy-heath-950: #271511;
}SCSS
$hairy-heath: #633528;
$hairy-heath-rgb: 99, 53, 40;
$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);
}