#36A5C1

54, 165, 193

#36A5C1

Custom color #36A5C1 with RGB values 54, 165, 193.

HEX#36A5C1
RGB54, 165, 193
HSL192°, 56%, 48%
CMYK72%, 15%, 0%, 24%
CSS Variable--color: #36a5c1;
Use in GeneratorCheck ContrastView on Wheel

Shades of #36A5C1

#d7eef4

#afdde9

#87ccde

#60bbd2

#38aac7

#2d889f

#216678

#164450

#0b2228

Tints of #36A5C1

#36a5c1

#49b2cc

#60bbd2

#77c5d9

#8ecfdf

#a5d9e6

#bde3ec

#d4edf3

#ebf7f9

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.87:1
AA NormalFailAAAFail

Sample Text

On Black7.31:1
AA NormalPassAAAPass
Full contrast analysis →