#307AA0 Color

Color Information

HEX	#307AA0
RGB	48, 122, 160
HSL	200° , 54% , 41%
HSV	200° , 70% , 63%
CMYK	70%, 24%, 0%, 37%

Lighter Shades

#498AAB #629AB7 #7BAAC2 #93BACE #ACCAD9 #C5DAE4

Darker Shades

#2A6B8D #245D7A #1F4E66 #193F53 #133140 #0D222D

Complementary Palette

#29698A #307AA0 #8A4A29 #A15630 #AE6E4D #4D8DAD

Analogous Palette

#408277 #458C80 #2D7396 #307AA0 #45518C #596391

Triadic Palette

#2A6B8D #307AA0 #AB267F #B5408E #7FAB26 #709621

Split Complementary Palette

#2B6E90 #307AA0 #A13043 #AA4556 #A18E30 #91802B

Square Palette

#286686 #307AA0 #873B97 #97593B #43A130 #61B051

Tetradic Palette

#276483 #307AA0 #4F1DB4 #A15630 #82B41D #99C246

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #307AA0 contains 48 red, 122 green, and 160 blue.

Contrast Ratio: 4.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.45:1