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

FormatValueImage
HEX#00A0E3Aqua Blue Color
RGB0, 160, 227
HSL198, 100%, 45%
CMYK100%, 30%, 0%, 11%
OKLCHoklch(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

#00A0E3

On 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)