Navy Blue

#000080
RGB
0, 0, 128
HSL
240°, 100%, 25%
CMYK
100, 100, 0, 50
HSV
240°, 100%, 50%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #000080 color: #000080;
RGB 0, 0, 128 color: rgb(0, 0, 128);
RGB Percentage 0%, 0%, 50% color: rgb(0%, 0%, 50%);
CMYK 100%, 100%, 0%, 50% Not supported in CSS
HSL 240°, 100%, 25% color: hsl(240, 100%, 25%);
HSV 240°, 100%, 50% Not supported in CSS
CIE-LAB 20, 0, -43 color: lab(20% 0 -43);
Decimal 128 Not supported in CSS

Color Variations

Shades

#000080
#000073
#000066
#000059
#00004D
#000040
#000033
#000026

Tints

#8C8CFF
#6666FF
#4040FF
#1A1AFF
#0000F2
#0000CC
#0000A6
#000080

Tones

#000080
#060679
#0D0D73
#13136C
#1A1A66
#202060
#262659
#2D2D53

Hues

#000080
#600080
#800040
#802000
#808000
#208000
#008040
#006080

Color Harmonies

Analogous

#004080
Click to copy
Dark Blue
85%
#000080
Click to copy
Navy blue
100%
#400080
Click to copy
Dark Purple
85%

Complementary

#000080
Click to copy
Navy blue
100%
#808000
Click to copy
Dark Yellow
50%

Split Complementary

#000080
Click to copy
Navy blue
100%
#804000
Click to copy
Dark Orange
56%
#408000
Click to copy
Dark Green
56%

Triadic

#000080
Click to copy
Navy blue
100%
#800000
Click to copy
Dark Red
59%
#008000
Click to copy
Dark Green
59%

Tetradic

#000080
Click to copy
Navy blue
100%
#800040
Click to copy
Dark Magenta
68%
#808000
Click to copy
Dark Yellow
50%
#008040
Click to copy
Dark Cyan
68%

Square

#000080
Click to copy
Navy blue
100%
#800040
Click to copy
Dark Magenta
68%
#808000
Click to copy
Dark Yellow
50%
#008040
Click to copy
Dark Cyan
68%

CSS & Dev Snippets

CSS
.navy-blue {
  color: #000080;
}
SCSS
$navy-blue: #000080;
RGB
rgb(0, 0, 128)

Accessibility & Contrast

White background

16.01:1
16.01
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.31:1
1.31
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags