Benannte Farbe · #624646
Purple Earth
Purple Earth ist #624646: rgb(98 70 70), hsl(0 17% 33%), oklch(0.425 0.039 18.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Purple Earth color name →
#624646
oklch(0.425 0.039 18.8)
Farbumrechnungen
- HEX
- #624646
- RGB
- rgb(98 70 70)
- HSL
- hsl(0 17% 33%)
- HWB
- hwb(0 27% 62%)
- OKLCH
- oklch(0.425 0.039 18.8)
- OKLab
- oklab(0.425 0.037 0.012)
- CIE Lab
- lab(32.87 12.39 4.99)
- LCH
- lch(32.87 13.36 21.9)
- CMYK
- cmyk(0% 29% 29% 62%)
Tints · Shades · Tones
Tints
- 715756
- 806868
- 8F7979
- 9F8B8B
- AE9E9D
- BEB0B0
- CEC4C3
- DED7D7
- EEEBEB
Shades
- 543C3C
- 473232
- 3A2828
- 2D1E1E
- 211515
- 160D0D
- 0B0505
- 030202
- 000000
Tones
- 654C4C
- 685151
- 6B5757
- 6F5D5D
- 726362
- 756868
- 776E6E
- 7A7474
- 7D7A7A
Farbharmonien
Komplementär +180°
- 624646
Purple Earth
- 345556
≈ Oracle
Analog -30° +30°
- 624646
Purple Earth
- 5F4652
≈ Plummy Rouge
- 60483C
≈ Ship Steering Wheel
Triadisch +120° +240°
- 624646
Purple Earth
- 44543F
≈ Castellan Green
- 424F64
≈ December Eve
Geteilt komplementär +150° +210°
- 624646
Purple Earth
- 39554B
≈ Leprechaun Green
- 38535F
≈ Opera Glasses
Tetradisch +90° +180° +270°
- 624646
Purple Earth
- 505037
≈ Kelp
- 345556
≈ Oracle
- 4D4B63
≈ Blue Suede Shoes
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.45:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.48:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.45:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--purple-earth: #624646;
--purple-earth-rgb: 98 70 70;
--purple-earth-oklch: oklch(0.425 0.039 18.8);
}
.element {
color: var(--purple-earth);
background-color: hsl(0 17% 33%);
border-color: oklch(0.425 0.039 18.8);
}Tailwind CSS v4
@theme {
--color-purple-earth: #624646;
--color-purple-earth-50: #fff1f0;
--color-purple-earth-100: #f5e3e2;
--color-purple-earth-200: #e5cecd;
--color-purple-earth-300: #cbb0af;
--color-purple-earth-400: #b49695;
--color-purple-earth-500: #9e7c7c;
--color-purple-earth-600: #866969;
--color-purple-earth-700: #6b5454;
--color-purple-earth-800: #4f3d3e;
--color-purple-earth-900: #372a2a;
--color-purple-earth-950: #221818;
}SCSS
$purple-earth: #624646;
$purple-earth-rgb: 98, 70, 70;
$purple-earth-light: mix(#fff, $purple-earth, 20%);
$purple-earth-dark: mix(#000, $purple-earth, 20%);
.element {
color: $purple-earth;
box-shadow: 0 0 0 2px rgba($purple-earth, 0.35);
}