#45C4D8 Color

Color Information

HEX#45C4D8
RGB69, 196, 216
HSL188° , 65% , 56%
HSV188° , 68% , 85%
CMYK68%, 9%, 0%, 15%

Lighter Shades

#5BCBDD #72D2E1 #88D9E6 #9EE0EB #B5E7EF #CBEEF4

Darker Shades

#3DACBE #3495A4 #2C7D8A #246670 #1C4E56 #13373C

Complementary Palette

#3BA9BA #45C4D8 #BA4D3C #D85946 #DD7060 #5FCCDD

Analogous Palette

#5AAF90 #5CC19C #41B8CB #45C4D8 #5C81C1 #6B8DC7

Triadic Palette

#3DACBE #45C4D8 #E33BCD #E653D3 #CDE33B #B4C834

Split Complementary Palette

#3EB0C2 #45C4D8 #D8467B #DC5988 #D8A246 #C2923F

Square Palette

#3AA5B5 #45C4D8 #9F51CD #CD6251 #7BD846 #90DE64

Tetradic Palette

#39A1B1 #45C4D8 #4B32EC #D85946 #D3EC32 #DBEF57

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #45C4D8 contains 69 red, 196 green, and 216 blue.

Contrast Ratio: 2.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.26:1