Benannte Farbe · #EAC9D5
Cradle Pink
Cradle Pink ist #EAC9D5: rgb(234 201 213), hsl(338 44% 85%), oklch(0.867 0.04 354). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Cradle Pink color name →
#EAC9D5
oklch(0.867 0.04 354)
Farbumrechnungen
- HEX
- #eac9d5
- RGB
- rgb(234 201 213)
- HSL
- hsl(338 44% 85%)
- HWB
- hwb(338 79% 8%)
- OKLCH
- oklch(0.867 0.04 354)
- OKLab
- oklab(0.867 0.04 -0.004)
- CIE Lab
- lab(84.08 13.45 -1.45)
- LCH
- lch(84.08 13.53 353.8)
- CMYK
- cmyk(0% 14% 9% 8%)
Tints · Shades · Tones
Tints
- ECCED9
- EED4DD
- F1D9E1
- F3DEE6
- F5E4EA
- F7E9EE
- F9EFF2
- FBF4F6
- FDFAFB
Shades
- CBAEB9
- AE959E
- 917C83
- 75646A
- 5A4C51
- 41363A
- 292224
- 130F10
- 030202
Tones
- DFC1CC
- D4BAC3
- C9B3BB
- BEABB2
- B4A4AA
- A99DA1
- 9F9599
- 948E90
- 8A8788
Farbharmonien
Komplementär +180°
- EAC9D5
Cradle Pink
- B9DCD1
≈ Mirador
Analog -30° +30°
- EAC9D5
Cradle Pink
- E1CBE3
≈ Syrian Violet
- EDCAC7
≈ Fairy Floss
Triadisch +120° +240°
- EAC9D5
Cradle Pink
- D2D7B9
≈ Pine Mist
- BBD8EA
≈ First Rain
Geteilt komplementär +150° +210°
- EAC9D5
Cradle Pink
- C4DBC3
≈ Mint Intermezzo
- B6DCDF
≈ Blue Glass
Tetradisch +90° +180° +270°
- EAC9D5
Cradle Pink
- E0D2B6
≈ Comfy Beige
- B9DCD1
≈ Mirador
- C6D4EF
≈ Murano Soft Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.52:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.81:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--cradle-pink: #eac9d5;
--cradle-pink-rgb: 234 201 213;
--cradle-pink-oklch: oklch(0.867 0.04 354);
}
.element {
color: var(--cradle-pink);
background-color: hsl(338 44% 85%);
border-color: oklch(0.867 0.04 354);
}Tailwind CSS v4
@theme {
--color-cradle-pink: #eac9d5;
--color-cradle-pink-50: #fff1f5;
--color-cradle-pink-100: #f4e3e8;
--color-cradle-pink-200: #e3ced5;
--color-cradle-pink-300: #c9afb8;
--color-cradle-pink-400: #b395a0;
--color-cradle-pink-500: #9d7b88;
--color-cradle-pink-600: #846973;
--color-cradle-pink-700: #6a545c;
--color-cradle-pink-800: #4e3d44;
--color-cradle-pink-900: #362a2f;
--color-cradle-pink-950: #21171b;
}SCSS
$cradle-pink: #eac9d5;
$cradle-pink-rgb: 234, 201, 213;
$cradle-pink-light: mix(#fff, $cradle-pink, 20%);
$cradle-pink-dark: mix(#000, $cradle-pink, 20%);
.element {
color: $cradle-pink;
box-shadow: 0 0 0 2px rgba($cradle-pink, 0.35);
}