Coral Reef

Vibrant and lively tones inspired by coral reefs

Selected Color Details: #ff6f61

Information

HEX

RGB

HSL

hsl(5, 100, 69)

Variations

lighter

hsl(5, 100%, 89%)

#ffccc7

darker

hsl(5, 100%, 49%)

#fa1500

saturated

hsl(5, 100%, 69%)

#ff6e61

desaturated

hsl(5, 80%, 69%)

#ef7b71

Accessibility

Contrast Ratio with White

2.73:1

× Does not pass WCAG AA for normal text

Contrast Ratio with Black

7.70:1

✓ Passes WCAG AA for normal text

Usage Examples

Button Examples

Text Examples

Sample text in #ff6f61

Sample text in #ff9a8c

Sample text in #ffcc99

Sample text in #ffb347

Sample text in #ff7f50

Sample text in #ff3b2f

Sample text in #ff8c42

Sample text in #ff6b6b

Sample text in #ffaf87

Sample text in #ffd699

Sample text in #ffe5b4

Sample text in #ffccd5

Sample text in #ff4500

Sample text in #ff5733

Sample text in #ff7f50

Sample text in #ffa07a

Background Examples

Content on #ff6f61
Content on #ff9a8c
Content on #ffcc99
Content on #ffb347
Content on #ff7f50
Content on #ff3b2f
Content on #ff8c42
Content on #ff6b6b
Content on #ffaf87
Content on #ffd699
Content on #ffe5b4
Content on #ffccd5
Content on #ff4500
Content on #ff5733
Content on #ff7f50
Content on #ffa07a