#2D3F9A Color

Color Information

HEX	#2D3F9A
RGB	45, 63, 154
HSL	230° , 55% , 39%
HSV	230° , 71% , 60%
CMYK	71%, 59%, 0%, 40%

Lighter Shades

#4656A6 #5F6DB2 #7984BE #929BCA #ABB2D7 #C4C9E3

Darker Shades

#283788 #223075 #1D2863 #172150 #12193E #0D122B

Complementary Palette

#273684 #2D3F9A #847527 #9A882D #A8994A #4A5AA8

Analogous Palette

#3C677C #416F86 #2A3B91 #2D3F9A #584186 #67548C

Triadic Palette

#283788 #2D3F9A #A42338 #AF3D50 #38A423 #31901F

Split Complementary Palette

#29398B #2D3F9A #9A512D #A46242 #769A2D #6A8B29

Square Palette

#263581 #2D3F9A #903772 #908137 #2D9A51 #4FAA6D

Tetradic Palette

#25347E #2D3F9A #941BAC #9A882D #33AC1B #58BB44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D3F9A contains 45 red, 63 green, and 154 blue.

Contrast Ratio: 9.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.23:1