Named color · #DD7788
Creamy Coral
Creamy Coral is #DD7788: rgb(221 119 136), hsl(350 60% 67%), oklch(0.688 0.128 10.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Creamy Coral color name →
#DD7788
oklch(0.688 0.128 10.4)
Color conversions
- HEX
- #dd7788
- RGB
- rgb(221 119 136)
- HSL
- hsl(350 60% 67%)
- HWB
- hwb(350 47% 13%)
- OKLCH
- oklch(0.688 0.128 10.4)
- OKLab
- oklab(0.688 0.125 0.023)
- CIE Lab
- lab(62.34 41.8 9.59)
- LCH
- lch(62.34 42.89 12.9)
- CMYK
- cmyk(0% 46% 38% 13%)
Tints · Shades · Tones
Tints
- E28593
- E6939F
- EBA0AA
- EFAEB6
- F2BBC2
- F5C9CE
- F8D6DA
- FBE4E6
- FDF1F3
Shades
- C06775
- A45763
- 884752
- 6E3841
- 552A31
- 3D1C22
- 261013
- 110506
- 020101
Tones
- D47987
- CB7A86
- C27B86
- B97D85
- B07D84
- A77E83
- 9E7F82
- 947F82
- 8A8081
Color harmonies
Complementary +180°
- DD7788
Creamy Coral
- 00B2AB
≈ Glass Jar Blue
Analogous -30° +30°
- DD7788
Creamy Coral
- CF7AB3
≈ Peruvian Lily
- DC7D5B
≈ Dry Peach
Triadic +120° +240°
- DD7788
Creamy Coral
- 80AA51
≈ Mosquito Fern
- 599FE6
≈ Perfect Days
Split-complementary +150° +210°
- DD7788
Creamy Coral
- 42B380
≈ Ming Green
- 00ACD0
≈ Hú Lán Blue
Tetradic +90° +180° +270°
- DD7788
Creamy Coral
- AD9C2D
≈ Lucky
- 00B2AB
≈ Glass Jar Blue
- 8C91E8
≈ Perrywinkle
Contrast & accessibility
Ag
FailOn white
WCAG 2.97:1 · APCA Lc 56
Ag
AAAOn black
WCAG 7.06:1 · APCA Lc 46
Best text color: #000000
WCAG 7.06:1 (AAA) · APCA Lc 46
Contrast pairs
Code snippets
CSS
:root {
--creamy-coral: #dd7788;
--creamy-coral-rgb: 221 119 136;
--creamy-coral-oklch: oklch(0.688 0.128 10.4);
}
.element {
color: var(--creamy-coral);
background-color: hsl(350 60% 67%);
border-color: oklch(0.688 0.128 10.4);
}Tailwind CSS v4
@theme {
--color-creamy-coral: #dd7788;
--color-creamy-coral-50: #ffe7eb;
--color-creamy-coral-100: #ffd7dc;
--color-creamy-coral-200: #ffbec5;
--color-creamy-coral-300: #f19ca5;
--color-creamy-coral-400: #de7d8d;
--color-creamy-coral-500: #cb5d72;
--color-creamy-coral-600: #ac5061;
--color-creamy-coral-700: #8a404d;
--color-creamy-coral-800: #662d3a;
--color-creamy-coral-900: #481f27;
--color-creamy-coral-950: #2f0e16;
}SCSS
$creamy-coral: #dd7788;
$creamy-coral-rgb: 221, 119, 136;
$creamy-coral-light: mix(#fff, $creamy-coral, 20%);
$creamy-coral-dark: mix(#000, $creamy-coral, 20%);
.element {
color: $creamy-coral;
box-shadow: 0 0 0 2px rgba($creamy-coral, 0.35);
}