#9F97EB

#9F97EB

Color Values

HEX

#9F97EB

RGB

159, 151, 235

HSL

245,7, 67,7%, 75,7%

HSV

245,7, 35,7%, 92,2%

CMYK

32,3%, 35,7%, 0,0%, 7,8%

OKLCH

0,7165 0,1209 287,3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9F97EB

#E3EB97

Analogous

#97B9EB

#C997EB

#9F97EB

Triadic

#9F97EB

#EB9F97

#97EB9F

Split Complementary

#9F97EB

#EBC997

#B9EB97

Tetradic

#9F97EB

#EB97B9

#E3EB97

#97EBC9

Color Blindness Simulation

Original

#9F97EB

Protanopia

#9C9BD7

Deuteranopia

#9C9DD2

Tritanopia

#9FC7C3

Achromatopsia

#9F9F9F

CSS Usage

background-color: #9F97EB;
color: #9F97EB;
border-color: #9F97EB;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F4F3FC
100
#E5E3F7
200
#C8C3F3
300
#A098EB
400
#6D61E1
500
#3A29D6
600
#2E21AB
700
#251A89
800
#1D156B
900
#19134E
950
#0F0C31

Contrast Checker

Text on white

2,59:1

AA Fail AAA Fail

Text on black

8,1:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026