#9F98ED

#9F98ED

Color Values

HEX

#9F98ED

RGB

159, 152, 237

HSL

244.9, 70.2%, 76.3%

HSV

244.9, 35.9%, 92.9%

CMYK

32.9%, 35.9%, 0.0%, 7.1%

OKLCH

0.7194 0.1222 286.7

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9F98ED

#E6ED98

Analogous

#98BCED

#C998ED

#9F98ED

Triadic

#9F98ED

#ED9F98

#98ED9F

Split Complementary

#9F98ED

#EDC998

#BCED98

Tetradic

#9F98ED

#ED98BC

#E6ED98

#98EDC9

Color Blindness Simulation

Original

#9F98ED

Protanopia

#9C9CD8

Deuteranopia

#9C9DD3

Tritanopia

#9FC8C5

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#F4F3FC
100
#E4E2F8
200
#C6C2F4
300
#9E97ED
400
#695EE3
500
#3526D9
600
#2A1EAE
700
#22188B
800
#1A136D
900
#17124F
950
#0E0B32

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.19:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026