Benannte Farbe · #90673F
Centaur
Centaur ist #90673F: rgb(144 103 63), hsl(30 39% 41%), oklch(0.547 0.077 64.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Centaur color name →
#90673F
oklch(0.547 0.077 64.4)
Farbumrechnungen
- HEX
- #90673f
- RGB
- rgb(144 103 63)
- HSL
- hsl(30 39% 41%)
- HWB
- hwb(30 25% 44%)
- OKLCH
- oklch(0.547 0.077 64.4)
- OKLab
- oklab(0.547 0.033 0.069)
- CIE Lab
- lab(47.27 13.53 29.23)
- LCH
- lch(47.27 32.21 65.2)
- CMYK
- cmyk(0% 28% 56% 44%)
Tints · Shades · Tones
Tints
- 9B7552
- A68464
- B19377
- BCA28A
- C7B19C
- D2C0B0
- DDD0C3
- E9DFD7
- F4EFEB
Shades
- 7D5935
- 6A4B2C
- 573D23
- 45301B
- 342312
- 24170A
- 150C04
- 070401
- 010000
Tones
- 8F6A46
- 8D6C4D
- 8C6F54
- 8A725B
- 897461
- 877767
- 86796E
- 847B74
- 827E7A
Farbharmonien
Komplementär +180°
- 90673F
Centaur
- 48769A
≈ Dull Blue
Analog -30° +30°
- 90673F
Centaur
- 986052
≈ Copper Brown
- 7F7039
≈ Time Honoured
Triadisch +120° +240°
- 90673F
Centaur
- 327F76
≈ Copper Mineral Green
- 7B6595
≈ Clematis
Geteilt komplementär +150° +210°
- 90673F
Centaur
- 317C8C
≈ Panorama
- 636D9E
≈ Dusted Peri
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.00:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.19:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.00:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--centaur: #90673f;
--centaur-rgb: 144 103 63;
--centaur-oklch: oklch(0.547 0.077 64.4);
}
.element {
color: var(--centaur);
background-color: hsl(30 39% 41%);
border-color: oklch(0.547 0.077 64.4);
}Tailwind CSS v4
@theme {
--color-centaur: #90673f;
--color-centaur-50: #fff1df;
--color-centaur-100: #fae4ce;
--color-centaur-200: #ebceb2;
--color-centaur-300: #d3b08e;
--color-centaur-400: #bf956e;
--color-centaur-500: #aa7b4e;
--color-centaur-600: #8f6843;
--color-centaur-700: #735335;
--color-centaur-800: #553c26;
--color-centaur-900: #3c2919;
--color-centaur-950: #25170a;
}SCSS
$centaur: #90673f;
$centaur-rgb: 144, 103, 63;
$centaur-light: mix(#fff, $centaur, 20%);
$centaur-dark: mix(#000, $centaur, 20%);
.element {
color: $centaur;
box-shadow: 0 0 0 2px rgba($centaur, 0.35);
}