#2396A1 Color

Color Information

HEX#2396A1
RGB35, 150, 161
HSL185° , 64% , 38%
HSV185° , 78% , 63%
CMYK78%, 7%, 0%, 37%

Lighter Shades

#3DA3AC #58AFB8 #72BCC3 #8DC8CE #A7D5D9 #C1E2E5

Darker Shades

#1F848E #1B727A #166067 #124E54 #0E3C40 #0A2A2D

Complementary Palette

#1E818A #2396A1 #89271E #9F2D23 #AC4A42 #42A5AE

Analogous Palette

#328160 #368C68 #218D97 #2396A1 #365A8C #4B6891

Triadic Palette

#1F848E #2396A1 #A9199D #B335A9 #9DA919 #8A9516

Split Complementary Palette

#208791 #2396A1 #9F2357 #A93968 #9F6B23 #8F6020

Square Palette

#1D7E87 #2396A1 #6A2D95 #95352D #579F23 #72AE46

Tetradic Palette

#1D7B84 #2396A1 #1F11B0 #9F2D23 #A3B011 #B4BE3C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2396A1 contains 35 red, 150 green, and 161 blue.

Contrast Ratio: 3.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.03:1