#2386B4 Color

Color Information

HEX#2386B4
RGB35, 134, 180
HSL199° , 67% , 42%
HSV199° , 81% , 71%
CMYK81%, 26%, 0%, 29%

Lighter Shades

#3D95BD #58A3C6 #72B2CF #8DC0D8 #A7CFE1 #C1DDEA

Darker Shades

#1F769E #1B6689 #165673 #12465E #0E3648 #0A2632

Complementary Palette

#1E739B #2386B4 #9A461E #B35123 #BE6942 #4297BF

Analogous Palette

#349382 #399D8B #217EA9 #2386B4 #394B9D #4E5DA2

Triadic Palette

#1F769E #2386B4 #BE1989 #C63597 #89BE19 #79A716

Split Complementary Palette

#2079A2 #2386B4 #B3233E #BB3951 #B39923 #A18A20

Square Palette

#1D7197 #2386B4 #922EA8 #A8552E #3EB323 #5DBF46

Tetradic Palette

#1D6E94 #2386B4 #4A10C6 #B35123 #8CC610 #A1D03B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2386B4 contains 35 red, 134 green, and 180 blue.

Contrast Ratio: 4.04:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.2:1