#F3FEFD

#F3FEFD

Color Values

HEX

#F3FEFD

RGB

243, 254, 253

HSL

174,5, 84,6%, 97,5%

HSV

174,5, 4,3%, 99,6%

CMYK

4,3%, 0,0%, 0,4%, 0,4%

OKLCH

0,9886 0,0116 190,5

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#F3FEFD

#FEF3F4

Analogous

#F3FEF8

#F3FAFE

#F3FEFD

Triadic

#F3FEFD

#FDF3FE

#FEFDF3

Split Complementary

#F3FEFD

#FEF3FA

#FEF8F3

Tetradic

#F3FEFD

#F8F3FE

#FEF3F4

#FAFEF3

Color Blindness Simulation

Original

#F3FEFD

Protanopia

#F8F8FD

Deuteranopia

#F7F6FD

Tritanopia

#F4FDFD

Achromatopsia

#FCFCFC

CSS Usage

background-color: #F3FEFD;
color: #F3FEFD;
border-color: #F3FEFD;
Nearest Tailwind: Teal 50 #F0FDFA

Tailwind Shades

50
#F2FDFC
100
#E0FAF8
200
#BDFAF4
300
#8EF6EC
400
#51F0E2
500
#14EBD8
600
#10BCAC
700
#0D978A
800
#0A766C
900
#0C554F
950
#073632

Contrast Checker

Text on white

1,03:1

AA Fail AAA Fail

Text on black

20,41: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