Benannte Farbe · #E0BEDF
Romantic Ballad
Romantic Ballad ist #E0BEDF: rgb(224 190 223), hsl(302 35% 81%), oklch(0.841 0.058 327). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Romantic Ballad color name →
#E0BEDF
oklch(0.841 0.058 327)
Farbumrechnungen
- HEX
- #e0bedf
- RGB
- rgb(224 190 223)
- HSL
- hsl(302 35% 81%)
- HWB
- hwb(302 75% 12%)
- OKLCH
- oklch(0.841 0.058 327)
- OKLab
- oklab(0.841 0.049 -0.032)
- CIE Lab
- lab(80.72 16.71 -11.81)
- LCH
- lch(80.72 20.46 324.7)
- CMYK
- cmyk(0% 15% 0% 12%)
Tints · Shades · Tones
Tints
- E3C4E2
- E6CBE5
- EAD1E9
- EDD8EC
- F0DEEF
- F3E5F2
- F6EBF5
- F9F2F9
- FCF8FC
Shades
- C3A5C2
- A68CA5
- 8A758A
- 705E6F
- 564856
- 3E333D
- 271F27
- 120D12
- 020202
Tones
- D6B8D5
- CCB1CB
- C2ABC2
- B9A5B8
- AF9FAE
- A598A5
- 9C929C
- 938C92
- 898689
Farbharmonien
Komplementär +180°
- E0BEDF
Romantic Ballad
- B2D6B5
≈ Flower Stem
Analog -30° +30°
- E0BEDF
Romantic Ballad
- CEC3ED
≈ Soap
- ECBCCB
≈ Madder Rose
Triadisch +120° +240°
- E0BEDF
Romantic Ballad
- DBC9A0
≈ Surrey Cream
- 9ED6DE
≈ Terrace Pool
Geteilt komplementär +150° +210°
- E0BEDF
Romantic Ballad
- C8D0A5
≈ Baize Green
- A2D8CA
≈ Yucca Cream
Tetradisch +90° +180° +270°
- E0BEDF
Romantic Ballad
- E9C2A6
≈ Pueblo Sand
- B2D6B5
≈ Flower Stem
- A7D1ED
≈ Marzena Dream
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.66:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.60:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--romantic-ballad: #e0bedf;
--romantic-ballad-rgb: 224 190 223;
--romantic-ballad-oklch: oklch(0.841 0.058 327);
}
.element {
color: var(--romantic-ballad);
background-color: hsl(302 35% 81%);
border-color: oklch(0.841 0.058 327);
}Tailwind CSS v4
@theme {
--color-romantic-ballad: #e0bedf;
--color-romantic-ballad-50: #fff0fe;
--color-romantic-ballad-100: #f4e1f2;
--color-romantic-ballad-200: #e3cce1;
--color-romantic-ballad-300: #c9adc6;
--color-romantic-ballad-400: #b293b1;
--color-romantic-ballad-500: #9b799b;
--color-romantic-ballad-600: #836683;
--color-romantic-ballad-700: #695269;
--color-romantic-ballad-800: #4d3b4e;
--color-romantic-ballad-900: #352936;
--color-romantic-ballad-950: #211721;
}SCSS
$romantic-ballad: #e0bedf;
$romantic-ballad-rgb: 224, 190, 223;
$romantic-ballad-light: mix(#fff, $romantic-ballad, 20%);
$romantic-ballad-dark: mix(#000, $romantic-ballad, 20%);
.element {
color: $romantic-ballad;
box-shadow: 0 0 0 2px rgba($romantic-ballad, 0.35);
}