#7695E2 Color

Color Information

HEX#7695E2
RGB118, 149, 226
HSL223° , 65% , 67%
HSV223° , 48% , 89%
CMYK48%, 34%, 0%, 11%

Lighter Shades

#86A2E5 #97AEE9 #A7BBEC #B8C8F0 #C8D5F3 #D9E1F7

Darker Shades

#6883C7 #5A71AC #4C5F91 #3D4D76 #2F3C5A #212A3F

Complementary Palette

#6580C2 #7695E2 #C2A864 #E2C374 #E6CB87 #89A4E6

Analogous Palette

#7FB0BD #85C0D1 #6F8CD4 #7695E2 #9585D1 #9F90D5

Triadic Palette

#6883C7 #7695E2 #EA6C90 #ED7E9D #90EA6C #7FCE5F

Split Complementary Palette

#6A86CB #7695E2 #E28C74 #E59882 #CAE274 #B6CB68

Square Palette

#637DBE #7695E2 #D97DC5 #D9BF7D #74E28C #8AE79E

Tetradic Palette

#617AB9 #7695E2 #C965F1 #E2C374 #8DF165 #A2F481

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7695E2 contains 118 red, 149 green, and 226 blue.

Contrast Ratio: 2.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.27:1