Ocean Breeze

Calm and refreshing oceanic tones

Selected Color Details: #1abc9c

Information

HEX

RGB

HSL

hsl(168, 76, 42)

Variations

lighter

hsl(168, 76%, 62%)

#54e8ca

darker

hsl(168, 76%, 22%)

#0d6352

saturated

hsl(168, 96%, 42%)

#04d2a9

desaturated

hsl(168, 56%, 42%)

#2fa78f

Accessibility

Contrast Ratio with White

2.41:1

× Does not pass WCAG AA for normal text

Contrast Ratio with Black

8.72:1

✓ Passes WCAG AA for normal text

Usage Examples

Button Examples

Text Examples

Sample text in #1abc9c

Sample text in #2ecc71

Sample text in #3498db

Sample text in #9b59b6

Sample text in #34495e

Sample text in #16a085

Sample text in #27ae60

Sample text in #2980b9

Sample text in #2c3e50

Sample text in #ecf0f1

Sample text in #95a5a6

Sample text in #bdc3c7

Sample text in #7f8c8d

Sample text in #5dade2

Sample text in #85c1e9

Sample text in #48c9b0

Background Examples

Content on #1abc9c
Content on #2ecc71
Content on #3498db
Content on #9b59b6
Content on #34495e
Content on #16a085
Content on #27ae60
Content on #2980b9
Content on #2c3e50
Content on #ecf0f1
Content on #95a5a6
Content on #bdc3c7
Content on #7f8c8d
Content on #5dade2
Content on #85c1e9
Content on #48c9b0