Coral#FF7F50

Coral Hex Code: #FF7F50

Coral is a light, vivid orange. Its OKLCH lightness is 74% and chroma 0.168. Text on this color reads best in black (contrast 8.40:1).

HEX	`#FF7F50`
RGB	`rgb(255, 127, 80)`
HSL	`hsl(16, 100%, 66%)`
HSV / HSB	`hsv(16, 69%, 100%)`
CMYK	`cmyk(0%, 50%, 69%, 0%)`
OKLCH	`oklch(73.5% 0.168 40.2)`

Open in converter →

Contrast

White text2.50:1

AAAA largeAAA

Black text8.40:1

AAAA largeAAA

On white2.50:1

AAAA largeAAA

On black8.40:1

AAAA largeAAA

Matching colors

Complementary

#FF7F50Coral#50D0FF

Analogous

#FF7F50Coral#FF5079#FFD650Mustard Yellow

Triadic

#FF7F50Coral#50FF7FSpring Green#7F50FF

Split complementary

#FF7F50Coral#50FFD6#5079FF

Similar named colors

Pumpkin Orange#FF7518Salmon#FA8072Coral Pink#F88379Tomato#FF6347Tangerine#F28500Dark Orange#FF8C00Light Coral#F08080Dark Salmon#E9967A

All color names →

Code

CSS	`color: #FF7F50;`
Tailwind	`bg-[#ff7f50]`
SwiftUI	`Color(red: 1, green: 0.498, blue: 0.314)`
Android	`Color.parseColor("#FF7F50")`
Flutter	`Color(0xFFFF7F50)`

Coral is a CSS named color (coral); the value follows W3C CSS Color Module Level 4.

Frequently asked questions

What is the hex code for coral?

Coral is #FF7F50 in hex and rgb(255, 127, 80) in RGB.

What is coral in CMYK?

With the plain conversion formula it is cmyk(0, 50, 69, 0). For print, convert with your printer's ICC profile instead.

What text color works on coral?

Black text has the higher contrast at 8.40:1, which passes WCAG AA for normal text (4.5:1).