#7A96BC

#7A96BC

Color Values

HEX

#7A96BC

RGB

122, 150, 188

HSL

214.5, 33.0%, 60.8%

HSV

214.5, 35.1%, 73.7%

CMYK

35.1%, 20.2%, 0.0%, 26.3%

OKLCH

0.6659 0.0651 256.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#7A96BC

#BCA07A

Analogous

#7AB7BC

#7F7ABC

#7A96BC

Triadic

#7A96BC

#BC7A96

#96BC7A

Split Complementary

#7A96BC

#BC7F7A

#B7BC7A

Tetradic

#7A96BC

#BC7AB7

#BCA07A

#7ABC7F

Color Blindness Simulation

Original

#7A96BC

Protanopia

#8686B3

Deuteranopia

#8482B1

Tritanopia

#7BACAA

Achromatopsia

#939393

CSS Usage

background-color: #7A96BC;
color: #7A96BC;
border-color: #7A96BC;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0DAE7
300
#AEBFD6
400
#829CC0
500
#5579AA
600
#446188
700
#374E6D
800
#2B3D55
900
#222E3F
950
#161D28

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

6.92:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026