Benannte Farbe · #E9C9CB
English Rosebud
English Rosebud ist #E9C9CB: rgb(233 201 203), hsl(356 42% 85%), oklch(0.864 0.036 13.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · English Rosebud color name →
#E9C9CB
oklch(0.864 0.036 13.6)
Farbumrechnungen
- HEX
- #e9c9cb
- RGB
- rgb(233 201 203)
- HSL
- hsl(356 42% 85%)
- HWB
- hwb(356 79% 9%)
- OKLCH
- oklch(0.864 0.036 13.6)
- OKLab
- oklab(0.864 0.035 0.009)
- CIE Lab
- lab(83.77 11.87 3.39)
- LCH
- lch(83.77 12.35 15.9)
- CMYK
- cmyk(0% 14% 13% 9%)
Tints · Shades · Tones
Tints
- EBCED0
- EED4D5
- F0D9DA
- F2DEE0
- F4E4E5
- F7E9EA
- F9EFEF
- FBF4F4
- FDFAFA
Shades
- CBAEB0
- AD9596
- 907C7D
- 746465
- 5A4C4D
- 413637
- 292222
- 130F0F
- 030202
Tones
- DEC1C3
- D3BABC
- C9B3B4
- BEABAC
- B3A4A5
- A99D9D
- 9F9596
- 948E8E
- 8A8787
Farbharmonien
Komplementär +180°
- E9C9CB
English Rosebud
- B8DAD9
≈ Silent River
Analog -30° +30°
- E9C9CB
English Rosebud
- E4C9D8
≈ Kiss Good Night
- E8CBBF
≈ Au Naturel
Triadisch +120° +240°
- E9C9CB
English Rosebud
- C9D8C0
≈ Canary Green
- C2D4EA
≈ Slipstream
Geteilt komplementär +150° +210°
- E9C9CB
English Rosebud
- BEDACC
≈ Dusty Aqua
- BAD8E4
≈ Breezy Blue
Tetradisch +90° +180° +270°
- E9C9CB
English Rosebud
- D6D4B9
≈ Pale Cucumber
- B8DAD9
≈ Silent River
- CED0EA
≈ Artistic Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.53:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.68:1 · APCA Lc 78
Beste Textfarbe: #000000
WCAG 13.68:1 (AAA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--english-rosebud: #e9c9cb;
--english-rosebud-rgb: 233 201 203;
--english-rosebud-oklch: oklch(0.864 0.036 13.6);
}
.element {
color: var(--english-rosebud);
background-color: hsl(356 42% 85%);
border-color: oklch(0.864 0.036 13.6);
}Tailwind CSS v4
@theme {
--color-english-rosebud: #e9c9cb;
--color-english-rosebud-50: #fff1f2;
--color-english-rosebud-100: #f4e3e4;
--color-english-rosebud-200: #e3cecf;
--color-english-rosebud-300: #c9b0b1;
--color-english-rosebud-400: #b39698;
--color-english-rosebud-500: #9d7d7f;
--color-english-rosebud-600: #856a6c;
--color-english-rosebud-700: #6a5456;
--color-english-rosebud-800: #4e3d3f;
--color-english-rosebud-900: #362a2b;
--color-english-rosebud-950: #211819;
}SCSS
$english-rosebud: #e9c9cb;
$english-rosebud-rgb: 233, 201, 203;
$english-rosebud-light: mix(#fff, $english-rosebud, 20%);
$english-rosebud-dark: mix(#000, $english-rosebud, 20%);
.element {
color: $english-rosebud;
box-shadow: 0 0 0 2px rgba($english-rosebud, 0.35);
}