#9F9FC3

#9F9FC3

Color Values

HEX

#9F9FC3

RGB

159, 159, 195

HSL

240.0, 23.1%, 69.4%

HSV

240.0, 18.5%, 76.5%

CMYK

18.5%, 18.5%, 0.0%, 23.5%

OKLCH

0.7149 0.0521 285.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9F9FC3

#C3C39F

Analogous

#9FB1C3

#B19FC3

#9F9FC3

Triadic

#9F9FC3

#C39F9F

#9FC39F

Split Complementary

#9F9FC3

#C3B19F

#B1C39F

Tetradic

#9F9FC3

#C39FB1

#C3C39F

#9FC3B1

Color Blindness Simulation

Original

#9F9FC3

Protanopia

#9F9FBA

Deuteranopia

#9F9FB8

Tritanopia

#9FB3B2

Achromatopsia

#A2A2A2

CSS Usage

background-color: #9F9FC3;
color: #9F9FC3;
border-color: #9F9FC3;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F6F9
100
#EAEAF1
200
#D3D3E4
300
#B4B4D0
400
#8B8BB6
500
#62629D
600
#4E4E7E
700
#3F3F64
800
#31314E
900
#26263B
950
#181825

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026