Benannte Farbe · #664238
Brunette
Brunette ist #664238: rgb(102 66 56), hsl(13 29% 31%), oklch(0.418 0.053 36.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Brunette color name →
#664238
oklch(0.418 0.053 36.2)
Farbumrechnungen
- HEX
- #664238
- RGB
- rgb(102 66 56)
- HSL
- hsl(13 29% 31%)
- HWB
- hwb(13 22% 60%)
- OKLCH
- oklch(0.418 0.053 36.2)
- OKLab
- oklab(0.418 0.043 0.031)
- CIE Lab
- lab(32.04 15.1 12.82)
- LCH
- lch(32.04 19.81 40.3)
- CMYK
- cmyk(0% 35% 45% 60%)
Tints · Shades · Tones
Tints
- 75534A
- 84655C
- 93776F
- A28982
- B19C96
- C0AFAA
- D0C2BF
- DFD6D4
- EFEAE9
Shades
- 58382F
- 4A2F27
- 3C251F
- 2F1C17
- 23140F
- 170B08
- 0C0504
- 040101
- 000000
Tones
- 69483F
- 6C4E46
- 6F544D
- 715B54
- 74615B
- 776762
- 796D6A
- 7B7371
- 7E7A79
Farbharmonien
Komplementär +180°
- 664238
Brunette
- 26545F
≈ Stinkhorn
Analog -30° +30°
- 664238
Brunette
- 654048
≈ Catawba Grape
- 60472C
≈ Brown Hen
Triadisch +120° +240°
- 664238
Brunette
- 335540
≈ Goblin
- 444A6A
≈ Royal Hyacinth
Geteilt komplementär +150° +210°
- 664238
Brunette
- 265651
≈ Forest Biome
- 344F68
≈ Police Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.74:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.40:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.74:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--brunette: #664238;
--brunette-rgb: 102 66 56;
--brunette-oklch: oklch(0.418 0.053 36.2);
}
.element {
color: var(--brunette);
background-color: hsl(13 29% 31%);
border-color: oklch(0.418 0.053 36.2);
}Tailwind CSS v4
@theme {
--color-brunette: #664238;
--color-brunette-50: #fff0ea;
--color-brunette-100: #f9e2db;
--color-brunette-200: #eacdc4;
--color-brunette-300: #d1afa4;
--color-brunette-400: #bb9489;
--color-brunette-500: #a67a6e;
--color-brunette-600: #8c675d;
--color-brunette-700: #71534a;
--color-brunette-800: #533c36;
--color-brunette-900: #3a2925;
--color-brunette-950: #241714;
}SCSS
$brunette: #664238;
$brunette-rgb: 102, 66, 56;
$brunette-light: mix(#fff, $brunette, 20%);
$brunette-dark: mix(#000, $brunette, 20%);
.element {
color: $brunette;
box-shadow: 0 0 0 2px rgba($brunette, 0.35);
}