Medium Blue

#0000CD
RGB
0, 0, 205
HSL
240°, 100%, 40%
CMYK
100, 100, 0, 20
HSV
240°, 100%, 80%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #0000CD color: #0000CD;
RGB 0, 0, 205 color: rgb(0, 0, 205);
RGB Percentage 0%, 0%, 80% color: rgb(0%, 0%, 80%);
CMYK 100%, 100%, 0%, 20% Not supported in CSS
HSL 240°, 100%, 40% color: hsl(240, 100%, 40%);
HSV 240°, 100%, 80% Not supported in CSS
CIE-LAB 32, 0, -68 color: lab(32% 0 -68);
Decimal 205 Not supported in CSS

Color Variations

Shades

#0000CC
#0000B8
#0000A3
#00008F
#00007A
#000066
#000052
#00003D

Tints

#A3A3FF
#8585FF
#6666FF
#4747FF
#2929FF
#0A0AFF
#0000EB
#0000CC

Tones

#0000CC
#0A0AC2
#1414B8
#1F1FAD
#2929A3
#333399
#3D3D8F
#474785

Hues

#0000CC
#9900CC
#CC0066
#CC3300
#CCCC00
#33CC00
#00CC66
#0099CC

Color Harmonies

Analogous

#0066CC
Click to copy
Blue
77%
#0000CD
Click to copy
Medium blue
100%
#6600CC
Click to copy
Purple
77%

Complementary

#0000CD
Click to copy
Medium blue
100%
#CCCC00
Click to copy
Yellow
20%

Split Complementary

#0000CD
Click to copy
Medium blue
100%
#CC6600
Click to copy
Orange
30%
#66CC00
Click to copy
Green
30%

Triadic

#0000CD
Click to copy
Medium blue
100%
#CC0000
Click to copy
Red
34%
#00CC00
Click to copy
Green
34%

Tetradic

#0000CD
Click to copy
Medium blue
100%
#CC0066
Click to copy
Magenta
48%
#CCCC00
Click to copy
Yellow
20%
#00CC66
Click to copy
Cyan
48%

Square

#0000CD
Click to copy
Medium blue
100%
#CC0066
Click to copy
Magenta
48%
#CCCC00
Click to copy
Yellow
20%
#00CC66
Click to copy
Cyan
48%

CSS & Dev Snippets

CSS
.medium-blue {
  color: #0000CD;
}
SCSS
$medium-blue: #0000CD;
RGB
rgb(0, 0, 205)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags