#2D3F98 Color

Color Information

HEX#2D3F98
RGB45, 63, 152
HSL230° , 54% , 39%
HSV230° , 70% , 60%
CMYK70%, 59%, 0%, 40%

Lighter Shades

#4656A4 #5F6DB1 #7984BD #929BC9 #ABB2D6 #C4C9E2

Darker Shades

#283786 #223074 #1D2861 #17214F #12193D #0D122B

Complementary Palette

#273683 #2D3F98 #847428 #99872E #A7984B #4A5AA6

Analogous Palette

#3D667B #426F85 #2A3B8F #2D3F98 #584285 #67558B

Triadic Palette

#283786 #2D3F98 #A32439 #AE3E51 #39A324 #328F20

Split Complementary Palette

#293989 #2D3F98 #99522E #A36343 #75992E #698A29

Square Palette

#263580 #2D3F98 #8F3872 #8F8138 #2E9952 #4FA96E

Tetradic Palette

#25347D #2D3F98 #931CAB #99872E #34AB1C #59BA45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3F98 contains 45 red, 63 green, and 152 blue.

Contrast Ratio: 9.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.22:1