Aqua Blue Color
#00A0E3
Shades
Darker variations of each color in your palette
Base Color
#00A0E3#00A0E3
#0080B6
#006088
#00405B
#00202D
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#00A0E3#00A0E3
#33B3E9
#66C6EE
#99D9F4
#CCECF9
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #00A0E3 | ![]() |
| RGB | 0, 160, 227 | |
| HSL | 198, 100%, 45% | |
| CMYK | 100%, 30%, 0%, 11% | |
| OKLCH | oklch(0.669 0.147 237) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#00A0E3#00E6B8
#00A0E3
#002EE6
Analogous
#00A0E3
#E64500
Complementary
#00A0E3
#E600A1
#A1E600
Triadic
#00A0E3
#E6002E
#E6B800
Split Complementary
#00A0E3
#B800E6
#E64500
#2EE600
Tetradic
#004766
#007DB3
#00B2FF
#4DC9FF
#99E0FF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#00A0E3#E60000
#E5E600
#00E600
#00E5E6
#0000E6
#E600E5
Hues
Tones
Tones created by adding gray to each color
Base Color
#00A0E3#00A0E3
#1A9ACF
#3393BB
#4D8DA8
#668694
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#00A0E3#269ED9
#4D9BCF
#7399C4
Warmer
#009EE7
#009BEB
#0099F0
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#00A0E3On White Background
Sample Text
Contrast Ratio:2.94:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:7.14:1
WCAG Level:AAA
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)
