#9FAFE4

#9FAFE4

Color Values

HEX

#9FAFE4

RGB

159, 175, 228

HSL

226.1, 56.1%, 75.9%

HSV

226.1, 30.3%, 89.4%

CMYK

30.3%, 23.2%, 0.0%, 10.6%

OKLCH

0.7607 0.0785 271.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9FAFE4

#E4D49F

Analogous

#9FD2E4

#B29FE4

#9FAFE4

Triadic

#9FAFE4

#E49FAF

#AFE49F

Split Complementary

#9FAFE4

#E4B29F

#D2E49F

Tetradic

#9FAFE4

#E49FD2

#E4D49F

#9FE4B2

Color Blindness Simulation

Original

#9FAFE4

Protanopia

#A6A6D7

Deuteranopia

#A5A4D4

Tritanopia

#A0CDCB

Achromatopsia

#AFAFAF

CSS Usage

background-color: #9FAFE4;
color: #9FAFE4;
border-color: #9FAFE4;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F5FB
100
#E5E9F6
200
#C7D1EF
300
#9FAFE4
400
#6C84D6
500
#3859C7
600
#2D479F
700
#24397F
800
#1C2D64
900
#182349
950
#0F162E

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.73: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