#0066FF Color

Color Information

HEX#0066FF
RGB0, 102, 255
HSL216° , 100% , 50%
HSV216° , 100% , 100%
CMYK100%, 60%, 0%, 0%

Lighter Shades

#1F78FF #3D8BFF #5C9DFF #7AAFFF #99C2FF #B8D4FF

Darker Shades

#005AE0 #004EC2 #0041A3 #003585 #002966 #001D47

Complementary Palette

#0058DB #0066FF #DB8400 #FF9900 #FFA724 #247BFF

Analogous Palette

#17C0D3 #1AD1E6 #0060F0 #0066FF #2E1AE6 #3F2CE8

Triadic Palette

#005AE0 #0066FF #FF0066 #FF1F78 #66FF00 #5AE000

Split Complementary Palette

#005CE6 #0066FF #FF1A00 #FF311A #E6FF00 #CFE600

Square Palette

#0056D6 #0066FF #F20DDB #F2960D #00FF1A #29FF3F

Tetradic Palette

#0054D1 #0066FF #9900FF #FF9900 #66FF00 #82FF2E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0066FF contains 0 red, 102 green, and 255 blue.

Contrast Ratio: 4.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.35:1