#F4F5FF

#F4F5FF

Color Values

HEX

#F4F5FF

RGB

244, 245, 255

HSL

234.5, 100.0%, 97.8%

HSV

234.5, 4.3%, 100.0%

CMYK

4.3%, 3.9%, 0.0%, 0.0%

OKLCH

0.9723 0.0133 281.6

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F4F5FF

#FFFEF4

Analogous

#F4FAFF

#F8F4FF

#F4F5FF

Triadic

#F4F5FF

#FFF4F5

#F5FFF4

Split Complementary

#F4F5FF

#FFF8F4

#FAFFF4

Tetradic

#F4F5FF

#FFF4FA

#FFFEF4

#F4FFF8

Color Blindness Simulation

Original

#F4F5FF

Protanopia

#F4F4FD

Deuteranopia

#F4F4FC

Tritanopia

#F4FBFA

Achromatopsia

#F6F6F6

CSS Usage

background-color: #F4F5FF;
color: #F4F5FF;
border-color: #F4F5FF;
Nearest Tailwind: Violet 50 #F5F3FF

Tailwind Shades

50
#F1F2FE
100
#DEE1FC
200
#B8BEFF
300
#8590FF
400
#4254FF
500
#0017FF
600
#0013CC
700
#000FA3
800
#000C80
900
#050D5C
950
#03083A

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

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