#3064D4 Color

Color Information

HEX#3064D4
RGB48, 100, 212
HSL221° , 66% , 51%
HSV221° , 77% , 83%
CMYK77%, 53%, 0%, 17%

Lighter Shades

#4977D9 #6289DE #7B9CE3 #93AEE9 #ACC1EE #C5D4F3

Darker Shades

#2A58BB #244CA1 #1F4088 #19346E #132855 #0D1C3B

Complementary Palette

#2956B6 #3064D4 #B78A29 #D5A030 #DBAD4D #4D7ADA

Analogous Palette

#4498AB #49A6BC #2D5EC7 #3064D4 #5E49BC #6B57C1

Triadic Palette

#2A58BB #3064D4 #E1235F #E53D72 #5FE123 #54C61F

Split Complementary Palette

#2B5ABF #3064D4 #D54E30 #D96045 #B6D530 #A4C02B

Square Palette

#2854B2 #3064D4 #C83CAE #C89C3C #30D54E #51DC6A

Tetradic Palette

#2752AE #3064D4 #A919EB #D5A030 #5CEB19 #79EF42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3064D4 contains 48 red, 100 green, and 212 blue.

Contrast Ratio: 5.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.89:1