Navy Blue Color
#000080
Shades
Darker variations of each color in your palette
Base Color
#000080#000080
#000066
#00004D
#000033
#00001A
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#000080#000080
#333399
#6666B3
#9999CC
#CCCCE6
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #000080 |  |
| RGB | 0, 0, 128 | |
| HSL | 240, 100%, 25% | |
| CMYK | 100%, 100%, 0%, 50% | |
| OKLCH | oklch(0.271 0.188 264) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#000080#004080
#000080
#400080
Analogous
#000080
#7F8000
Complementary
#000080
#800000
#008000
Triadic
#000080
#804000
#408000
Split Complementary
#000080
#800040
#7F8000
#008040
Tetradic
#000066
#0000B3
#0000FF
#4D4DFF
#9999FF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#000080#800000
#7F8000
#008000
#007F80
#000080
#80007F
Hues
Tones
Tones created by adding gray to each color
Base Color
#000080#000080
#1A1A80
#333380
#4D4D80
#666680
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#000080#260A7A
#4D1374
#731D6F
Warmer
#000A93
#0013A6
#001DB9
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#000080On White Background
Sample Text
Contrast Ratio:16.01:1
WCAG Level:AAA
PASS
On Black Background
Sample Text
Contrast Ratio:1.31:1
WCAG Level:Fail
FAIL
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)