#45B3EB Color

Color Information

HEX	#45B3EB
RGB	69, 179, 235
HSL	200° , 81% , 60%
HSV	200° , 71% , 92%
CMYK	71%, 24%, 0%, 8%

Lighter Shades

#5BBCED #72C5F0 #88CEF2 #9ED7F5 #B5E1F7 #CBEAF9

Darker Shades

#3D9ECF #3488B3 #2C7396 #245D7A #1C485E #133242

Complementary Palette

#3B9ACA #45B3EB #CB6C3C #EC7D46 #EF8F60 #5FBEEE

Analogous Palette

#56C2B0 #5BD7C2 #41A8DD #45B3EB #5B70D7 #667ADB

Triadic Palette

#3D9ECF #45B3EB #F63CB8 #F753C1 #B8F63C #A2D835

Split Complementary Palette

#3EA1D4 #45B3EB #EC4662 #EE5972 #ECD046 #D4BB3F

Square Palette

#3A96C5 #45B3EB #C951E1 #E18151 #62EC46 #7BEF64

Tetradic Palette

#3993C1 #45B3EB #7734FE #EC7D46 #BBFE34 #C7FE59

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45B3EB contains 69 red, 179 green, and 235 blue.

Contrast Ratio: 2.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.01:1