#F3FFFE

#F3FFFE

Color Values

HEX

#F3FFFE

RGB

243, 255, 254

HSL

175.0, 100.0%, 97.6%

HSV

175.0, 4.7%, 100.0%

CMYK

4.7%, 0.0%, 0.4%, 0.0%

OKLCH

0.9908 0.0127 191.0

Properties

Cool Light Nearest: azure

Color Harmonies

Complementary

#F3FFFE

#FFF3F4

Analogous

#F3FFF8

#F3FAFF

#F3FFFE

Triadic

#F3FFFE

#FEF3FF

#FFFEF3

Split Complementary

#F3FFFE

#FFF3FA

#FFF8F3

Tetradic

#F3FFFE

#F8F3FF

#FFF3F4

#FAFFF3

Color Blindness Simulation

Original

#F3FFFE

Protanopia

#F8F8FE

Deuteranopia

#F8F7FE

Tritanopia

#F4FEFE

Achromatopsia

#FCFCFC

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B8FFF9
300
#85FFF5
400
#42FFEF
500
#00FFEA
600
#00CCBB
700
#00A396
800
#008075
900
#055C55
950
#033A36

Contrast Checker

Text on white

1.02:1

AA Fail AAA Fail

Text on black

20.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026