#0066CC Color

Color Information

HEX#0066CC
RGB0, 102, 204
HSL210° , 100% , 40%
HSV210° , 100% , 80%
CMYK100%, 50%, 0%, 20%

Lighter Shades

#1F78D2 #3D8BD8 #5C9DDE #7AAFE4 #99C2EB #B8D4F1

Darker Shades

#005AB4 #004E9B #004183 #00356A #002952 #001D39

Complementary Palette

#0058AF #0066CC #AF5800 #CC6600 #D37B24 #247BD3

Analogous Palette

#13AAAA #14B8B8 #0060C0 #0066CC #1414B8 #2C2CBA

Triadic Palette

#005AB4 #0066CC #CC0066 #D21F78 #66CC00 #5AB400

Split Complementary Palette

#005CB8 #0066CC #CC0000 #D11A1A #CCCC00 #B8B800

Square Palette

#0056AB #0066CC #C20AC2 #C2660A #00CC00 #29D429

Tetradic Palette

#0054A7 #0066CC #6600CC #CC6600 #66CC00 #82D52E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0066CC contains 0 red, 102 green, and 204 blue.

Contrast Ratio: 5.54:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.79:1