#3C3F72 Color

Color Information

HEX	#3C3F72
RGB	60, 63, 114
HSL	237° , 31% , 34%
HSV	237° , 47% , 45%
CMYK	47%, 45%, 0%, 55%

Lighter Shades

#535683 #6B6D94 #8284A5 #9A9BB6 #B1B2C7 #C8C9D8

Darker Shades

#353764 #2E3057 #262849 #1F213B #18192E #111220

Complementary Palette

#343662 #3C3F72 #625F34 #726F3C #868357 #575A86

Analogous Palette

#43505B #4A5864 #383B6B #3C3F72 #554A64 #625572

Triadic Palette

#353764 #3C3F72 #7A3337 #8A4B4F #377A33 #306B2D

Split Complementary Palette

#363967 #3C3F72 #72543C #806550 #59723C #506736

Square Palette

#323560 #3C3F72 #694458 #696744 #3C7254 #5B896F

Tetradic Palette

#31345D #3C3F72 #7D2C81 #726F3C #30812C #559852

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C3F72 contains 60 red, 63 green, and 114 blue.

Contrast Ratio: 10.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.08:1