Benannte Farbe · #604938
Beauty Spot
Beauty Spot ist #604938: rgb(96 73 56), hsl(25 26% 30%), oklch(0.425 0.041 57.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Beauty Spot color name →
#604938
oklch(0.425 0.041 57.8)
Farbumrechnungen
- HEX
- #604938
- RGB
- rgb(96 73 56)
- HSL
- hsl(25 26% 30%)
- HWB
- hwb(25 22% 62%)
- OKLCH
- oklch(0.425 0.041 57.8)
- OKLab
- oklab(0.425 0.022 0.035)
- CIE Lab
- lab(33.18 8.2 14.16)
- LCH
- lch(33.18 16.36 59.9)
- CMYK
- cmyk(0% 24% 42% 62%)
Tints · Shades · Tones
Tints
- 6F594A
- 7E6A5C
- 8D7C6F
- 9D8D82
- AD9F96
- BDB2AA
- CDC5BF
- DDD8D4
- EEEBE9
Shades
- 523E2F
- 453427
- 382A1F
- 2C2017
- 20170F
- 150E08
- 0A0604
- 030201
- 000000
Tones
- 634E3F
- 675446
- 6A594D
- 6D5F54
- 70645B
- 736A63
- 776F6A
- 7A7571
- 7D7A79
Farbharmonien
Komplementär +180°
- 604938
Beauty Spot
- 395263
≈ Sailing Safari
Analog -30° +30°
- 604938
Beauty Spot
- 634642
≈ Deep Mahogany
- 584D34
≈ Tǔ Hēi Black
Triadisch +120° +240°
- 604938
Beauty Spot
- 35564E
≈ Balsam Branch
- 514A62
≈ Violet Shadow
Geteilt komplementär +150° +210°
- 604938
Beauty Spot
- 32555A
≈ Frozen Stream
- 454E66
≈ Evening Over the Ocean
Tetradisch +90° +180° +270°
- 604938
Beauty Spot
- 3F5542
≈ O’Neal Green
- 395263
≈ Sailing Safari
- 5B475A
≈ Strike a Pose
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.37:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.50:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.37:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--beauty-spot: #604938;
--beauty-spot-rgb: 96 73 56;
--beauty-spot-oklch: oklch(0.425 0.041 57.8);
}
.element {
color: var(--beauty-spot);
background-color: hsl(25 26% 30%);
border-color: oklch(0.425 0.041 57.8);
}Tailwind CSS v4
@theme {
--color-beauty-spot: #604938;
--color-beauty-spot-50: #fff3ea;
--color-beauty-spot-100: #f3e5db;
--color-beauty-spot-200: #e2d1c3;
--color-beauty-spot-300: #c8b3a3;
--color-beauty-spot-400: #b29987;
--color-beauty-spot-500: #9c806c;
--color-beauty-spot-600: #846c5b;
--color-beauty-spot-700: #695749;
--color-beauty-spot-800: #4e3f35;
--color-beauty-spot-900: #362b24;
--color-beauty-spot-950: #211913;
}SCSS
$beauty-spot: #604938;
$beauty-spot-rgb: 96, 73, 56;
$beauty-spot-light: mix(#fff, $beauty-spot, 20%);
$beauty-spot-dark: mix(#000, $beauty-spot, 20%);
.element {
color: $beauty-spot;
box-shadow: 0 0 0 2px rgba($beauty-spot, 0.35);
}