Greyish Teal Color
#5F9EA0
Shades
Darker variations of each color in your palette
Base Color
#5F9EA0#5F9EA0
#4C7E80
#395F60
#263F40
#132020
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#5F9EA0#5F9EA0
#7FB1B3
#9FC5C6
#BFD8D9
#DFECEC
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #5F9EA0 |  |
| RGB | 95, 158, 160 | |
| HSL | 182, 25%, 50% | |
| CMYK | 41%, 1%, 0%, 37% | |
| OKLCH | oklch(0.658 0.065 198) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#5F9EA0#609F82
#5F9EA0
#607D9F
Analogous
#5F9EA0
#9F6260
Complementary
#5F9EA0
#9F609D
#9D9F60
Triadic
#5F9EA0
#9F607D
#9F8260
Split Complementary
#5F9EA0
#82609F
#9F6260
#7D9F60
Tetradic
#263F40
#436E70
#609D9F
#8FBBBC
#BFD8D9
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#5F9EA0#9F6060
#9F9F60
#609F60
#609F9F
#60609F
#9F609F
Hues
Tones
Tones created by adding gray to each color
Base Color
#5F9EA0#5F9EA0
#66989A
#6C9293
#738C8D
#798686
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#5F9EA0#779C99
#8F9A92
#A7978A
Warmer
#5B9CAE
#569ABD
#5297CB
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#5F9EA0On White Background
Sample Text
Contrast Ratio:3.05:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:6.88:1
WCAG Level:AA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)