Benannte Farbe · #E5E3BF
Spring Fever
Spring Fever ist #E5E3BF: rgb(229 227 191), hsl(57 42% 82%), oklch(0.908 0.048 104.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Spring Fever color name →
#E5E3BF
oklch(0.908 0.048 104.7)
Farbumrechnungen
- HEX
- #e5e3bf
- RGB
- rgb(229 227 191)
- HSL
- hsl(57 42% 82%)
- HWB
- hwb(57 75% 10%)
- OKLCH
- oklch(0.908 0.048 104.7)
- OKLab
- oklab(0.908 -0.012 0.046)
- CIE Lab
- lab(89.7 -3.67 17.93)
- LCH
- lch(89.7 18.3 101.6)
- CMYK
- cmyk(0% 1% 17% 10%)
Tints · Shades · Tones
Tints
- E8E6C5
- EAE9CC
- EDEBD2
- EFEED9
- F2F1DF
- F4F4E5
- F7F7EC
- FAF9F2
- FCFCF9
Shades
- C7C5A6
- AAA88D
- 8E8C75
- 72715E
- 585748
- 3F3F33
- 28271F
- 12120D
- 030302
Tones
- DAD9B9
- D0CEB2
- C6C4AC
- BBBAA6
- B1B09F
- A7A699
- 9D9D93
- 93938C
- 8A8986
Farbharmonien
Komplementär +180°
- E5E3BF
Spring Fever
- DDDDFF
≈ Transparent Blue
Analog -30° +30°
- E5E3BF
Spring Fever
- F4DDBE
≈ Peach Dip
- D4E8C9
≈ Tactile
Triadisch +120° +240°
- E5E3BF
Spring Fever
- C0E8F9
≈ Icy Landscape
- F9D5E8
≈ Sunset Pink
Geteilt komplementär +150° +210°
- E5E3BF
Spring Fever
- CDE3FF
≈ Fresh Water
- EDD8F7
≈ Scented Spring
Tetradisch +90° +180° +270°
- E5E3BF
Spring Fever
- BDEBEA
≈ Luxor Blue
- DDDDFF
≈ Transparent Blue
- FFD5D7
≈ We Peep
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.07:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.07:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--spring-fever: #e5e3bf;
--spring-fever-rgb: 229 227 191;
--spring-fever-oklch: oklch(0.908 0.048 104.7);
}
.element {
color: var(--spring-fever);
background-color: hsl(57 42% 82%);
border-color: oklch(0.908 0.048 104.7);
}Tailwind CSS v4
@theme {
--color-spring-fever: #e5e3bf;
--color-spring-fever-50: #f6f6e7;
--color-spring-fever-100: #e9e9d7;
--color-spring-fever-200: #d6d6bf;
--color-spring-fever-300: #bab99e;
--color-spring-fever-400: #a2a080;
--color-spring-fever-500: #8b8864;
--color-spring-fever-600: #757355;
--color-spring-fever-700: #5e5c43;
--color-spring-fever-800: #454330;
--color-spring-fever-900: #302e21;
--color-spring-fever-950: #1c1b10;
}SCSS
$spring-fever: #e5e3bf;
$spring-fever-rgb: 229, 227, 191;
$spring-fever-light: mix(#fff, $spring-fever, 20%);
$spring-fever-dark: mix(#000, $spring-fever, 20%);
.element {
color: $spring-fever;
box-shadow: 0 0 0 2px rgba($spring-fever, 0.35);
}