Benannte Farbe · #E9CDD8
Petit Pink
Petit Pink ist #E9CDD8: rgb(233 205 216), hsl(336 39% 86%), oklch(0.875 0.034 352.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Petit Pink color name →
#E9CDD8
oklch(0.875 0.034 352.1)
Farbumrechnungen
- HEX
- #e9cdd8
- RGB
- rgb(233 205 216)
- HSL
- hsl(336 39% 86%)
- HWB
- hwb(336 80% 9%)
- OKLCH
- oklch(0.875 0.034 352.1)
- OKLab
- oklab(0.875 0.034 -0.005)
- CIE Lab
- lab(85.03 11.48 -1.68)
- LCH
- lch(85.03 11.6 351.7)
- CMYK
- cmyk(0% 12% 7% 9%)
Tints · Shades · Tones
Tints
- EBD2DC
- EED7E0
- F0DCE4
- F2E1E7
- F4E6EB
- F6EBEF
- F9F0F3
- FBF5F7
- FDFAFB
Shades
- CBB2BC
- AD98A0
- 907E85
- 74666B
- 5A4E53
- 41383B
- 292325
- 130F11
- 030202
Tones
- DEC5CF
- D3BDC6
- C8B5BD
- BEADB4
- B3A6AB
- A99EA2
- 9E969A
- 948F91
- 8A8788
Farbharmonien
Komplementär +180°
- E9CDD8
Petit Pink
- C0DED3
≈ Otto Ice
Analog -30° +30°
- E9CDD8
Petit Pink
- E1CFE4
≈ Footie Pyjamas
- ECCDCC
≈ Kislev Pink
Triadisch +120° +240°
- E9CDD8
Petit Pink
- D6D9BF
≈ Feng Shui
- C0DAE9
≈ Breezy Touch
Geteilt komplementär +150° +210°
- E9CDD8
Petit Pink
- CADCC7
≈ Mystified
- BDDDDF
≈ Infinitesimal Blue
Tetradisch +90° +180° +270°
- E9CDD8
Petit Pink
- E1D4BD
≈ Barberry Sand
- C0DED3
≈ Otto Ice
- CAD6ED
≈ Light Cuddle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.48:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.18:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.18:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--petit-pink: #e9cdd8;
--petit-pink-rgb: 233 205 216;
--petit-pink-oklch: oklch(0.875 0.034 352.1);
}
.element {
color: var(--petit-pink);
background-color: hsl(336 39% 86%);
border-color: oklch(0.875 0.034 352.1);
}Tailwind CSS v4
@theme {
--color-petit-pink: #e9cdd8;
--color-petit-pink-50: #fef1f6;
--color-petit-pink-100: #f2e3e8;
--color-petit-pink-200: #e1ced5;
--color-petit-pink-300: #c7b0b8;
--color-petit-pink-400: #b096a0;
--color-petit-pink-500: #997d88;
--color-petit-pink-600: #816a73;
--color-petit-pink-700: #68555c;
--color-petit-pink-800: #4c3e44;
--color-petit-pink-900: #352a2f;
--color-petit-pink-950: #20181b;
}SCSS
$petit-pink: #e9cdd8;
$petit-pink-rgb: 233, 205, 216;
$petit-pink-light: mix(#fff, $petit-pink, 20%);
$petit-pink-dark: mix(#000, $petit-pink, 20%);
.element {
color: $petit-pink;
box-shadow: 0 0 0 2px rgba($petit-pink, 0.35);
}