#3195CC Color

Color Information

HEX#3195CC
RGB49, 149, 204
HSL201° , 61% , 50%
HSV201° , 76% , 80%
CMYK76%, 27%, 0%, 20%

Lighter Shades

#4AA2D2 #62AED8 #7BBBDE #94C8E4 #ADD5EB #C5E1F1

Darker Shades

#2B83B4 #25719B #1F5F83 #194D6A #143C52 #0E2A39

Complementary Palette

#2A80AF #3195CC #B0592B #CD6832 #D47D4F #4EA4D3

Analogous Palette

#45A597 #4BB4A4 #2E8CC0 #3195CC #4B5BB4 #5A68BA

Triadic Palette

#2B83B4 #3195CC #DA259B #DE3FA7 #9BDA25 #88C021

Split Complementary Palette

#2C86B8 #3195CC #CD3249 #D2475B #CDB632 #B9A42D

Square Palette

#297DAB #3195CC #AD3EC1 #C16C3E #49CD32 #66D553

Tetradic Palette

#287AA7 #3195CC #611BE4 #CD6832 #9EE41B #AFE944

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3195CC contains 49 red, 149 green, and 204 blue.

Contrast Ratio: 3.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.38:1