#45CAF0 Color

Color Information

HEX#45CAF0
RGB69, 202, 240
HSL193° , 85% , 61%
HSV193° , 71% , 94%
CMYK71%, 16%, 0%, 6%

Lighter Shades

#5BD0F2 #72D7F4 #88DDF5 #9EE3F7 #B5EAF9 #CBF0FB

Darker Shades

#3DB2D3 #349AB6 #2C819A #24697D #1C5160 #133943

Complementary Palette

#3BAECE #45CAF0 #CE5D3D #F06C47 #F28161 #5FD1F2

Analogous Palette

#57C7A7 #5BDCB8 #41BEE2 #45CAF0 #5B80DC #6889DF

Triadic Palette

#3DB2D3 #45CAF0 #FA3DD1 #FB54D7 #D1FA3D #B8DC36

Split Complementary Palette

#3EB6D8 #45CAF0 #F04777 #F25985 #F0C047 #D8AD40

Square Palette

#3AAACA #45CAF0 #BC51E6 #E67151 #77F047 #8DF264

Tetradic Palette

#39A6C5 #45CAF0 #6338FF #F06C47 #D4FF38 #DCFF5C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45CAF0 contains 69 red, 202 green, and 240 blue.

Contrast Ratio: 1.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.07:1