#9F98F5

#9F98F5

Color Values

HEX

#9F98F5

RGB

159, 152, 245

HSL

244.5, 82.3%, 77.8%

HSV

244.5, 38.0%, 96.1%

CMYK

35.1%, 38.0%, 0.0%, 3.9%

OKLCH

0.7233 0.1333 286.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#9F98F5

#EEF598

Analogous

#98BFF5

#CD98F5

#9F98F5

Triadic

#9F98F5

#F59F98

#98F59F

Split Complementary

#9F98F5

#F5CD98

#BFF598

Tetradic

#9F98F5

#F598BF

#EEF598

#98F5CD

Color Blindness Simulation

Original

#9F98F5

Protanopia

#9C9CDF

Deuteranopia

#9C9DD9

Tritanopia

#9FCDC9

Achromatopsia

#A0A0A0

CSS Usage

background-color: #9F98F5;
color: #9F98F5;
border-color: #9F98F5;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F2FD
100
#E3E1FA
200
#C2BEF9
300
#978FF4
400
#5F53EE
500
#2617E8
600
#1F12BA
700
#190E95
800
#130B74
900
#120D54
950
#0B0835

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

8.28:1

AA Pass AAA Pass

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