Benannte Farbe · #89491A
Brown Eyed Girl
Brown Eyed Girl ist #89491A: rgb(137 73 26), hsl(25 68% 32%), oklch(0.475 0.105 52.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Brown Eyed Girl color name →
#89491A
oklch(0.475 0.105 52.8)
Farbumrechnungen
- HEX
- #89491a
- RGB
- rgb(137 73 26)
- HSL
- hsl(25 68% 32%)
- HWB
- hwb(25 10% 46%)
- OKLCH
- oklch(0.475 0.105 52.8)
- OKLab
- oklab(0.475 0.063 0.084)
- CIE Lab
- lab(38.56 25.24 38.89)
- LCH
- lch(38.56 46.36 57)
- CMYK
- cmyk(0% 47% 81% 46%)
Tints · Shades · Tones
Tints
- 955B33
- A26C4A
- AE7E60
- BA9076
- C6A28C
- D1B4A2
- DDC6B9
- E8D9D0
- F4ECE7
Shades
- 763E15
- 643410
- 532A0C
- 422007
- 311704
- 220E02
- 140601
- 070200
- 010000
Tones
- 894F28
- 895533
- 885B3E
- 886048
- 876652
- 866B5B
- 857064
- 83766E
- 827B77
Farbharmonien
Komplementär +180°
- 89491A
Brown Eyed Girl
- 00658A
≈ Reservoir
Analog -30° +30°
- 89491A
Brown Eyed Girl
- 8E4140
≈ Awning Red
- 775600
≈ Pickled Grape Leaves
Triadisch +120° +240°
- 89491A
Brown Eyed Girl
- 006D57
≈ Teal Dark Green
- 5F4F92
≈ Purple Corallite
Geteilt komplementär +150° +210°
- 89491A
Brown Eyed Girl
- 006970
≈ Tahitian Treat
- 3C5A97
≈ Lambent Lagoon
Tetradisch +90° +180° +270°
- 89491A
Brown Eyed Girl
- 356B32
≈ Radical Green
- 00658A
≈ Reservoir
- 78467E
≈ Lilac Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.92:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.03:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.92:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--brown-eyed-girl: #89491a;
--brown-eyed-girl-rgb: 137 73 26;
--brown-eyed-girl-oklch: oklch(0.475 0.105 52.8);
}
.element {
color: var(--brown-eyed-girl);
background-color: hsl(25 68% 32%);
border-color: oklch(0.475 0.105 52.8);
}Tailwind CSS v4
@theme {
--color-brown-eyed-girl: #89491a;
--color-brown-eyed-girl-50: #ffeed9;
--color-brown-eyed-girl-100: #ffdfc7;
--color-brown-eyed-girl-200: #f9c9aa;
--color-brown-eyed-girl-300: #e2a984;
--color-brown-eyed-girl-400: #cf8d62;
--color-brown-eyed-girl-500: #bc713e;
--color-brown-eyed-girl-600: #9f6036;
--color-brown-eyed-girl-700: #7f4c2b;
--color-brown-eyed-girl-800: #5f371e;
--color-brown-eyed-girl-900: #432614;
--color-brown-eyed-girl-950: #2b1406;
}SCSS
$brown-eyed-girl: #89491a;
$brown-eyed-girl-rgb: 137, 73, 26;
$brown-eyed-girl-light: mix(#fff, $brown-eyed-girl, 20%);
$brown-eyed-girl-dark: mix(#000, $brown-eyed-girl, 20%);
.element {
color: $brown-eyed-girl;
box-shadow: 0 0 0 2px rgba($brown-eyed-girl, 0.35);
}