#F3FEF8

#F3FEF8

Color Values

HEX

#F3FEF8

RGB

243, 254, 248

HSL

147.3, 84.6%, 97.5%

HSV

147.3, 4.3%, 99.6%

CMYK

4.3%, 0.0%, 2.4%, 0.4%

OKLCH

0.9872 0.014 162.5

Properties

Cool Light Nearest: mintcream

Color Harmonies

Complementary

#F3FEF8

#FEF3F9

Analogous

#F4FEF3

#F3FEFE

#F3FEF8

Triadic

#F3FEF8

#F8F3FE

#FEF8F3

Split Complementary

#F3FEF8

#FEF3FE

#FEF3F4

Tetradic

#F3FEF8

#F3F4FE

#FEF3F9

#FEFEF3

Color Blindness Simulation

Original

#F3FEF8

Protanopia

#F8F8F9

Deuteranopia

#F7F6FA

Tritanopia

#F4FBFB

Achromatopsia

#FBFBFB

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAEC
200
#BDFAD9
300
#8EF6BD
400
#51F099
500
#14EB76
600
#10BC5E
700
#0D974B
800
#0A763B
900
#0C552D
950
#07361D

Contrast Checker

Text on white

1.03:1

AA Fail AAA Fail

Text on black

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