#C3FEFE

#C3FEFE

Color Values

HEX

#C3FEFE

RGB

195, 254, 254

HSL

180,0, 96,7%, 88,0%

HSV

180,0, 23,2%, 99,6%

CMYK

23,2%, 0,0%, 0,0%, 0,4%

OKLCH

0,9573 0,0591 196,2

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C3FEFE

#FEC3C3

Analogous

#C3FEE0

#C3E0FE

#C3FEFE

Triadic

#C3FEFE

#FEC3FE

#FEFEC3

Split Complementary

#C3FEFE

#FEC3E0

#FEE0C3

Tetradic

#C3FEFE

#E0C3FE

#FEC3C3

#E0FEC3

Color Blindness Simulation

Original

#C3FEFE

Protanopia

#DDDDFE

Deuteranopia

#D9D5FE

Tritanopia

#C6FEFE

Achromatopsia

#F1F1F1

CSS Usage

background-color: #C3FEFE;
color: #C3FEFE;
border-color: #C3FEFE;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F1FEFE
100
#DEFCFC
200
#B9FEFE
300
#87FDFD
400
#45FCFC
500
#04FBFB
600
#03C9C9
700
#03A1A1
800
#027D7D
900
#065B5B
950
#043939

Contrast Checker

Text on white

1,11:1

AA Fail AAA Fail

Text on black

18,93:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026