Benannte Farbe · #E8A05A
South Haven
South Haven ist #E8A05A: rgb(232 160 90), hsl(30 76% 63%), oklch(0.762 0.122 63.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · South Haven color name →
#E8A05A
oklch(0.762 0.122 63.4)
Farbumrechnungen
- HEX
- #e8a05a
- RGB
- rgb(232 160 90)
- HSL
- hsl(30 76% 63%)
- HWB
- hwb(30 35% 9%)
- OKLCH
- oklch(0.762 0.122 63.4)
- OKLab
- oklab(0.762 0.055 0.109)
- CIE Lab
- lab(72.08 22.55 47.16)
- LCH
- lch(72.08 52.27 64.4)
- CMYK
- cmyk(0% 31% 61% 9%)
Tints · Shades · Tones
Tints
- EBAA6C
- EEB37E
- F0BD8E
- F3C79F
- F5D0AF
- F8D9BF
- FAE3CF
- FCECDF
- FDF6EF
Shades
- CA8B4D
- AC7641
- 906135
- 744E29
- 593B1E
- 402913
- 291909
- 130903
- 030100
Tones
- DE9D60
- D39A65
- C9976A
- BE946E
- B49172
- AA8E75
- 9F8A78
- 95877B
- 8A847E
Farbharmonien
Komplementär +180°
- E8A05A
South Haven
- 67BAF9
≈ Broken Blue
Analog -30° +30°
- E8A05A
South Haven
- F5947E
≈ Indian Dance
- CCB04D
≈ Hollywood
Triadisch +120° +240°
- E8A05A
South Haven
- 3ACBBA
≈ Exquisite Turquoise
- C29EF1
≈ Lavender Cream
Geteilt komplementär +150° +210°
- E8A05A
South Haven
- 36C5E0
≈ Caribbean Blue
- 99ACFF
≈ Widowmaker
Tetradisch +90° +180° +270°
- E8A05A
South Haven
- 6FC88D
≈ Green Gala
- 67BAF9
≈ Broken Blue
- E094D2
≈ Crepe Myrtle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.18:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.60:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.60:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--south-haven: #e8a05a;
--south-haven-rgb: 232 160 90;
--south-haven-oklch: oklch(0.762 0.122 63.4);
}
.element {
color: var(--south-haven);
background-color: hsl(30 76% 63%);
border-color: oklch(0.762 0.122 63.4);
}Tailwind CSS v4
@theme {
--color-south-haven: #e8a05a;
--color-south-haven-50: #ffefd1;
--color-south-haven-100: #ffe0be;
--color-south-haven-200: #f9ca9d;
--color-south-haven-300: #e3ab73;
--color-south-haven-400: #d18e4c;
--color-south-haven-500: #bd7217;
--color-south-haven-600: #a06018;
--color-south-haven-700: #804d13;
--color-south-haven-800: #60370d;
--color-south-haven-900: #432608;
--color-south-haven-950: #2b1400;
}SCSS
$south-haven: #e8a05a;
$south-haven-rgb: 232, 160, 90;
$south-haven-light: mix(#fff, $south-haven, 20%);
$south-haven-dark: mix(#000, $south-haven, 20%);
.element {
color: $south-haven;
box-shadow: 0 0 0 2px rgba($south-haven, 0.35);
}