#7DA5D9 Color

Color Information

HEX#7DA5D9
RGB125, 165, 217
HSL214° , 55% , 67%
HSV214° , 42% , 85%
CMYK42%, 24%, 0%, 15%

Lighter Shades

#8DB0DE #9CBBE2 #ACC5E7 #BBD0EB #CBDBF0 #DBE6F4

Darker Shades

#6E91BF #5F7DA5 #506A8B #415671 #324257 #232E3D

Complementary Palette

#6C8EBB #7DA5D9 #BB986C #D9B17D #DEBC8F #8FB2DE

Analogous Palette

#87B2B5 #8DC4C8 #769BCC #7DA5D9 #918DC8 #9B98CD

Triadic Palette

#6E91BF #7DA5D9 #E274A4 #E585AF #A4E274 #90C766

Split Complementary Palette

#7195C3 #7DA5D9 #D9837D #DD8F8A #D3D97D #BEC371

Square Palette

#698BB6 #7DA5D9 #D185CC #D1B085 #7DD983 #92DF97

Tetradic Palette

#6787B2 #7DA5D9 #B36DE8 #D9B17D #A3E86D #B4EC87

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7DA5D9 contains 125 red, 165 green, and 217 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.39:1