#3A95DF Color

Color Information

HEX#3A95DF
RGB58, 149, 223
HSL207° , 72% , 55%
HSV207° , 74% , 87%
CMYK74%, 33%, 0%, 13%

Lighter Shades

#52A2E3 #69AEE7 #81BBEB #99C8EE #B0D5F2 #C8E1F6

Darker Shades

#3383C4 #2C71A9 #255F8F #1E4D74 #173C59 #102A3E

Complementary Palette

#3280C0 #3A95DF #C07232 #DF843A #E39556 #56A4E3

Analogous Palette

#50B4AF #51C8C2 #378CD2 #3A95DF #5157C8 #6066CD

Triadic Palette

#3383C4 #3A95DF #EA2E96 #ED47A3 #96EA2E #84CE28

Split Complementary Palette

#3486C9 #3A95DF #DF3A42 #E24E55 #DFD73A #C9C234

Square Palette

#317DBB #3A95DF #CC45D3 #D38545 #42DF3A #60E45A

Tetradic Palette

#307AB7 #3A95DF #8225F4 #DF843A #97F425 #AAF64C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3A95DF contains 58 red, 149 green, and 223 blue.

Contrast Ratio: 3.17:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.62:1