#7194E3 Color

Color Information

HEX#7194E3
RGB113, 148, 227
HSL222° , 67% , 67%
HSV222° , 50% , 89%
CMYK50%, 35%, 0%, 11%

Lighter Shades

#82A1E6 #93AEEA #A4BBED #B5C7F0 #C6D4F4 #D7E1F7

Darker Shades

#6382C8 #5670AD #485F91 #3B4D76 #2D3B5B #202940

Complementary Palette

#617FC3 #7194E3 #C3A662 #E3C172 #E7CA86 #85A3E7

Analogous Palette

#7EB1BE #83C3D2 #6A8BD5 #7194E3 #9383D2 #9A8BD5

Triadic Palette

#6382C8 #7194E3 #EC6A91 #EE7C9E #91EC6A #80D05D

Split Complementary Palette

#6685CC #7194E3 #E38972 #E69580 #CDE372 #B9CC67

Square Palette

#5F7CBF #7194E3 #DB7BC8 #DBBE7B #72E389 #89E79C

Tetradic Palette

#5D79BA #7194E3 #C763F2 #E3C172 #8EF263 #A2F47F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7194E3 contains 113 red, 148 green, and 227 blue.

Contrast Ratio: 2.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.15:1