Coloried

Coral Pink

Coral Pink color is a intense shade of light pink. Its hex code is #F88379 and rgb code is rgb(248, 131, 121), Its CMYK value is cmyk(0%, 47%, 51%, 3%), and Its HSL value is hsl(5, 90%, 72%). Against white, it has a contrast ratio of 2.47:1, while against black, the contrast ratio is 8.51:1. Complementary color is #77EDF8 and closest tailwind color is red-400. This color goes well with #CB7B0B, #CB0B5B, #831107, #16F397, and #1672F3. To create this Coral Pink color, you can mix #FFFF00 and #F107F2.

Coral Pink color code
|
1. Color Conversions
HEX#F88379
RGB248, 131, 121
HSL5°, 90%, 72%
HSV5°, 90%, 97%
CMYK0%, 47%, 51%, 3%
Web Safe#FF9966
2. Contrast Ratio
Text on #FFFFFF2.47:1
Fail LargeFail Normal
Text on #0000008.51:1
AAA LargeAAA Normal
3. Coral Pink Color Code in CSS
HEX
#F88379
RGB
rgb(248, 131, 121)
HSL
hsl(5, 90%, 72%)
Text Color
color: #F88379;
Background
background-color: #F88379;
Border Color
border-color: #F88379;
Box Shadow
box-shadow: 0 4px 14px 0 #F8837980;
SCSS
$color-coral-pink: #F88379;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#C5C47B
Deuteranopia#CCD57C
Tritanopia#F27D7E
Achromatopsia#A5A5A5
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive