Benannte Farbe · #685549
Centre Earth
Centre Earth ist #685549: rgb(104 85 73), hsl(23 18% 35%), oklch(0.465 0.032 54). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Centre Earth color name →
#685549
oklch(0.465 0.032 54)
Farbumrechnungen
- HEX
- #685549
- RGB
- rgb(104 85 73)
- HSL
- hsl(23 18% 35%)
- HWB
- hwb(23 29% 59%)
- OKLCH
- oklch(0.465 0.032 54)
- OKLab
- oklab(0.465 0.019 0.026)
- CIE Lab
- lab(37.84 6.62 10.13)
- LCH
- lch(37.84 12.1 56.8)
- CMYK
- cmyk(0% 18% 30% 59%)
Tints · Shades · Tones
Tints
- 766459
- 84746A
- 93857C
- A2958D
- B1A69F
- C0B7B2
- D0C9C5
- DFDBD8
- EFEDEB
Shades
- 59493E
- 4B3D34
- 3E312A
- 302620
- 241C17
- 18110E
- 0C0806
- 040202
- 000000
Tones
- 6A594E
- 6D5D54
- 6F6259
- 72665F
- 746A64
- 776F6A
- 79736F
- 7B7775
- 7E7C7A
Farbharmonien
Komplementär +180°
- 685549
Centre Earth
- 485D69
≈ Shot Over
Analog -30° +30°
- 685549
Centre Earth
- 6A5351
≈ Semi Sweet
- 625845
≈ Mountain Trail
Triadisch +120° +240°
- 685549
Centre Earth
- 475F58
≈ New Hunter
- 5A566A
≈ Ripe Berry
Geteilt komplementär +150° +210°
- 685549
Centre Earth
- 455F62
≈ Midnight Teal
- 505A6C
≈ Midnight Sun
Tetradisch +90° +180° +270°
- 685549
Centre Earth
- 4F5E4E
≈ Nandor
- 485D69
≈ Shot Over
- 635464
≈ Fedora
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.03:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.98:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--centre-earth: #685549;
--centre-earth-rgb: 104 85 73;
--centre-earth-oklch: oklch(0.465 0.032 54);
}
.element {
color: var(--centre-earth);
background-color: hsl(23 18% 35%);
border-color: oklch(0.465 0.032 54);
}Tailwind CSS v4
@theme {
--color-centre-earth: #685549;
--color-centre-earth-50: #fdf3ed;
--color-centre-earth-100: #f1e5de;
--color-centre-earth-200: #dfd1c8;
--color-centre-earth-300: #c5b4a8;
--color-centre-earth-400: #ae9a8d;
--color-centre-earth-500: #988173;
--color-centre-earth-600: #806d61;
--color-centre-earth-700: #67574e;
--color-centre-earth-800: #4c4038;
--color-centre-earth-900: #342c27;
--color-centre-earth-950: #201915;
}SCSS
$centre-earth: #685549;
$centre-earth-rgb: 104, 85, 73;
$centre-earth-light: mix(#fff, $centre-earth, 20%);
$centre-earth-dark: mix(#000, $centre-earth, 20%);
.element {
color: $centre-earth;
box-shadow: 0 0 0 2px rgba($centre-earth, 0.35);
}