Coloried

Coral Red

Coral Red color is a bold shade of red. Its hex code is #FF4040 and rgb code is rgb(255, 64, 64), Its CMYK value is cmyk(0%, 75%, 75%, 0%), and Its HSL value is hsl(0, 100%, 63%). Against white, it has a contrast ratio of 3.47:1, while against black, the contrast ratio is 6.06:1. Complementary color is #42FFFF and closest tailwind color is red-500. This color goes well with #A85400, #A80054, #5C0000, #00DB6E, and #006EDB. To create this Coral Red color, you can mix #FF0000 and #FF8080.

Coral Red color code
|
1. Color Conversions
HEX#FF4040
RGB255, 64, 64
HSL0°, 100%, 63%
HSV0°, 100%, 100%
CMYK0%, 75%, 75%, 0%
Web Safe#FF3333
2. Contrast Ratio
Text on #FFFFFF3.47:1
AAA LargeFail Normal
Text on #0000006.06:1
AAA LargeAAA Normal
3. Coral Red Color Code in CSS
HEX
#FF4040
RGB
rgb(255, 64, 64)
HSL
hsl(0, 100%, 63%)
Text Color
color: #FF4040;
Background
background-color: #FF4040;
Border Color
border-color: #FF4040;
Box Shadow
box-shadow: 0 4px 14px 0 #FF404080;
SCSS
$color-coral-red: #FF4040;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#ACAB40
Deuteranopia#B7C640
Tritanopia#F54040
Achromatopsia#797979
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive