Benannte Farbe · #E1A4B2
Iced Vovo
Iced Vovo ist #E1A4B2: rgb(225 164 178), hsl(346 50% 76%), oklch(0.78 0.074 3.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Iced Vovo color name →
#E1A4B2
oklch(0.78 0.074 3.8)
Farbumrechnungen
- HEX
- #e1a4b2
- RGB
- rgb(225 164 178)
- HSL
- hsl(346 50% 76%)
- HWB
- hwb(346 64% 12%)
- OKLCH
- oklch(0.78 0.074 3.8)
- OKLab
- oklab(0.78 0.074 0.005)
- CIE Lab
- lab(73.59 24.7 2.15)
- LCH
- lch(73.59 24.79 5)
- CMYK
- cmyk(0% 27% 21% 12%)
Tints · Shades · Tones
Tints
- E5ADB9
- E8B6C1
- EBBFC9
- EEC8D0
- F1D1D8
- F4DAE0
- F7E3E7
- FAEDEF
- FDF6F7
Shades
- C48E9A
- A77983
- 8B646D
- 705057
- 563D43
- 3E2B2F
- 271A1D
- 120A0C
- 020101
Tones
- D7A0AD
- CD9DA8
- C499A3
- BA969E
- B09299
- A78F94
- 9D8B8F
- 93878A
- 8A8485
Farbharmonien
Komplementär +180°
- E1A4B2
Iced Vovo
- 7FC7BC
≈ Booty Bay
Analog -30° +30°
- E1A4B2
Iced Vovo
- D5A6CB
≈ Berry Popsicle
- E3A799
≈ Pelican Pink
Triadisch +120° +240°
- E1A4B2
Iced Vovo
- AEC08B
≈ Shrubbery
- 8FBDE4
≈ Blue Shutters
Geteilt komplementär +150° +210°
- E1A4B2
Iced Vovo
- 93C6A2
≈ Delltone
- 7EC4D4
≈ Water Flow
Tetradisch +90° +180° +270°
- E1A4B2
Iced Vovo
- C7B781
≈ Yuma
- 7FC7BC
≈ Booty Bay
- A8B5E8
≈ Perano
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.06:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.15:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--iced-vovo: #e1a4b2;
--iced-vovo-rgb: 225 164 178;
--iced-vovo-oklch: oklch(0.78 0.074 3.8);
}
.element {
color: var(--iced-vovo);
background-color: hsl(346 50% 76%);
border-color: oklch(0.78 0.074 3.8);
}Tailwind CSS v4
@theme {
--color-iced-vovo: #e1a4b2;
--color-iced-vovo-50: #ffedf2;
--color-iced-vovo-100: #ffdee4;
--color-iced-vovo-200: #f1c8cf;
--color-iced-vovo-300: #daa8b2;
--color-iced-vovo-400: #c58c99;
--color-iced-vovo-500: #b07181;
--color-iced-vovo-600: #95606d;
--color-iced-vovo-700: #774d57;
--color-iced-vovo-800: #583740;
--color-iced-vovo-900: #3e262c;
--color-iced-vovo-950: #271419;
}SCSS
$iced-vovo: #e1a4b2;
$iced-vovo-rgb: 225, 164, 178;
$iced-vovo-light: mix(#fff, $iced-vovo, 20%);
$iced-vovo-dark: mix(#000, $iced-vovo, 20%);
.element {
color: $iced-vovo;
box-shadow: 0 0 0 2px rgba($iced-vovo, 0.35);
}