#2DAFDE Color

Color Information

HEX#2DAFDE
RGB45, 175, 222
HSL196° , 73% , 52%
HSV196° , 80% , 87%
CMYK80%, 21%, 0%, 13%

Lighter Shades

#46B9E2 #5FC2E6 #79CCEA #92D5EE #ABDFF2 #C4E9F6

Darker Shades

#289AC3 #2285A9 #1D708E #175B73 #124659 #0D313E

Complementary Palette

#2797BF #2DAFDE #BF4E25 #DE5B2B #E37249 #4ABAE3

Analogous Palette

#41B499 #44C5A7 #2AA5D1 #2DAFDE #4462C5 #536FCA

Triadic Palette

#289AC3 #2DAFDE #EA1FB4 #ED3ABD #B4EA1F #9ECE1B

Split Complementary Palette

#299EC8 #2DAFDE #DE2B55 #E14066 #DEB42B #C8A227

Square Palette

#2693BA #2DAFDE #AE37D2 #D26137 #55DE2B #70E34D

Tetradic Palette

#2590B6 #2DAFDE #5115F4 #DE5B2B #B9F415 #C6F63F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2DAFDE contains 45 red, 175 green, and 222 blue.

Contrast Ratio: 2.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.41:1