#2DAEF2 Color

Color Information

HEX#2DAEF2
RGB45, 174, 242
HSL201° , 88% , 56%
HSV201° , 81% , 95%
CMYK81%, 28%, 0%, 5%

Lighter Shades

#46B8F4 #5FC1F5 #79CBF7 #92D5F8 #ABDFFA #C4E8FB

Darker Shades

#2899D5 #2284B8 #1D6F9B #175A7E #124661 #0D3144

Complementary Palette

#2796D0 #2DAEF2 #D06126 #F2712C #F4854A #4AB9F4

Analogous Palette

#43C7B3 #43DBC4 #2AA4E3 #2DAEF2 #4359DB #5468DE

Triadic Palette

#2899D5 #2DAEF2 #FD21B0 #FD3CB9 #B0FD21 #9BDF1D

Split Complementary Palette

#299DDA #2DAEF2 #F22C4A #F3415C #F2D42C #DABF28

Square Palette

#2692CB #2DAEF2 #CC37E6 #E67537 #4AF22C #67F44E

Tetradic Palette

#258FC6 #2DAEF2 #6D1FFF #F2712C #B0FF1F #BEFF47

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2DAEF2 contains 45 red, 174 green, and 242 blue.

Contrast Ratio: 2.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.55:1