#368FBF Color

Color Information

HEX#368FBF
RGB54, 143, 191
HSL201° , 56% , 48%
HSV201° , 72% , 75%
CMYK72%, 25%, 0%, 25%

Lighter Shades

#4E9CC7 #66AACE #7EB7D6 #96C5DE #AFD2E5 #C7E0ED

Darker Shades

#307EA8 #296D91 #235C7A #1C4A63 #16394C #0F2835

Complementary Palette

#2E7BA4 #368FBF #A4582E #BF6636 #C87B52 #529FC8

Analogous Palette

#48998B #4EA699 #3386B4 #368FBF #4E5CA6 #5D69AC

Triadic Palette

#307EA8 #368FBF #CB2A93 #D144A0 #93CB2A #81B325

Split Complementary Palette

#3181AC #368FBF #BF364A #C54A5C #BFAA36 #AC9931

Square Palette

#2D78A0 #368FBF #A242B3 #B36A42 #4ABF36 #67C956

Tetradic Palette

#2C759D #368FBF #5F20D5 #BF6636 #96D520 #A9DD48

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #368FBF contains 54 red, 143 green, and 191 blue.

Contrast Ratio: 3.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.91:1