#76A5F2 Color

Color Information

HEX#76A5F2
RGB118, 165, 242
HSL217° , 83% , 71%
HSV217° , 51% , 95%
CMYK51%, 32%, 0%, 5%

Lighter Shades

#86B0F4 #97BBF5 #A7C5F7 #B8D0F8 #C8DBFA #D9E6FB

Darker Shades

#6891D5 #5A7DB8 #4C6A9B #3D567E #2F4261 #212E44

Complementary Palette

#658ED0 #76A5F2 #D0A867 #F2C378 #F4CB8B #89B2F4

Analogous Palette

#7EC4CD #87D8E3 #6F9BE3 #76A5F2 #9287E3 #998FE5

Triadic Palette

#6891D5 #76A5F2 #F971A5 #FA82B0 #A5F971 #91DB63

Split Complementary Palette

#6A95DA #76A5F2 #F28678 #F39286 #E4F278 #CDDA6C

Square Palette

#638BCB #76A5F2 #EA80DE #EAC180 #78F286 #8EF499

Tetradic Palette

#6187C6 #76A5F2 #C66BFF #F2C378 #A4FF6B #B4FF86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #76A5F2 contains 118 red, 165 green, and 242 blue.

Contrast Ratio: 2.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.56:1