#BEFDFD

#BEFDFD

Color Values

HEX

#BEFDFD

RGB

190, 253, 253

HSL

180,0, 94,0%, 86,9%

HSV

180,0, 24,9%, 99,2%

CMYK

24,9%, 0,0%, 0,0%, 0,8%

OKLCH

0,952 0,0628 196,1

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BEFDFD

#FDBEBE

Analogous

#BEFDDE

#BEDEFD

#BEFDFD

Triadic

#BEFDFD

#FDBEFD

#FDFDBE

Split Complementary

#BEFDFD

#FDBEDE

#FDDEBE

Tetradic

#BEFDFD

#DEBEFD

#FDBEBE

#DEFDBE

Color Blindness Simulation

Original

#BEFDFD

Protanopia

#D9DAFD

Deuteranopia

#D6D1FD

Tritanopia

#C1FDFD

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFD
300
#88FBFB
400
#48F9F9
500
#08F7F7
600
#06C6C6
700
#059E9E
800
#047C7C
900
#075959
950
#053838

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

18,66: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