#F0F0F8

#F0F0F8

Color Values

HEX

#F0F0F8

RGB

240, 240, 248

HSL

240.0, 36.4%, 95.7%

HSV

240.0, 3.2%, 97.3%

CMYK

3.2%, 3.2%, 0.0%, 2.7%

OKLCH

0.9574 0.0107 286.2

Properties

Cool Light Nearest: ghostwhite

Color Harmonies

Complementary

#F0F0F8

#F8F8F0

Analogous

#F0F4F8

#F4F0F8

#F0F0F8

Triadic

#F0F0F8

#F8F0F0

#F0F8F0

Split Complementary

#F0F0F8

#F8F4F0

#F4F8F0

Tetradic

#F0F0F8

#F8F0F4

#F8F8F0

#F0F8F4

Color Blindness Simulation

Original

#F0F0F8

Protanopia

#F0F0F6

Deuteranopia

#F0F0F6

Tritanopia

#F0F5F4

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CECEE8
300
#ACACD8
400
#7E7EC3
500
#5151AE
600
#41418B
700
#34346F
800
#292957
900
#212140
950
#151529

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.52:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026