#9196F3 Color

Color Information

HEX#9196F3
RGB145, 150, 243
HSL237° , 80% , 76%
HSV237° , 40% , 95%
CMYK40%, 38%, 0%, 5%

Lighter Shades

#9EA3F4 #ABAFF6 #B9BCF7 #C6C8F9 #D3D5FA #E0E2FC

Darker Shades

#8084D6 #6E72B9 #5D609C #4B4E7E #3A3C61 #292A44

Complementary Palette

#7D81D1 #9196F3 #D1CD7D #F3EE91 #F5F0A0 #A0A5F5

Analogous Palette

#95B5D0 #9DC5E7 #888DE4 #9196F3 #BE9DE7 #C4A5E9

Triadic Palette

#8084D6 #9196F3 #F98B90 #FA999D #90F98B #7FDB7A

Split Complementary Palette

#8387DB #9196F3 #F3BD91 #F4C49C #C7F391 #B3DB83

Square Palette

#7A7ECC #9196F3 #ED97C6 #EDE897 #91F3BD #A3F5C8

Tetradic Palette

#777BC7 #9196F3 #F886FE #F3EE91 #8CFE86 #A1FE9C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #9196F3 contains 145 red, 150 green, and 243 blue.

Contrast Ratio: 2.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.98:1