#C3FCDF

#C3FCDF

Color Values

HEX

#C3FCDF

RGB

195, 252, 223

HSL

149.5, 90.5%, 87.6%

HSV

149.5, 22.6%, 98.8%

CMYK

22.6%, 0.0%, 11.5%, 1.2%

OKLCH

0.9444 0.0697 162.6

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C3FCDF

#FCC3E0

Analogous

#C3FCC3

#C3FCFC

#C3FCDF

Triadic

#C3FCDF

#DFC3FC

#FCDFC3

Split Complementary

#C3FCDF

#FCC3FC

#FCC3C3

Tetradic

#C3FCDF

#C3C3FC

#FCC3E0

#FCFCC3

Color Blindness Simulation

Original

#C3FCDF

Protanopia

#DCDCE6

Deuteranopia

#D8D4E8

Tritanopia

#C6ECED

Achromatopsia

#EEEEEE

CSS Usage

background-color: #C3FCDF;
color: #C3FCDF;
border-color: #C3FCDF;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDB
300
#8AF9C1
400
#4BF69F
500
#0CF37E
600
#0AC264
700
#089B50
800
#06793F
900
#095830
950
#06381E

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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