#BEFCF7

#BEFCF7

Color Values

HEX

#BEFCF7

RGB

190, 252, 247

HSL

175.2, 91.2%, 86.7%

HSV

175.2, 24.6%, 98.8%

CMYK

24.6%, 0.0%, 2.0%, 1.2%

OKLCH

0.9481 0.0624 190.0

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BEFCF7

#FCBEC3

Analogous

#BEFCD8

#BEE2FC

#BEFCF7

Triadic

#BEFCF7

#F7BEFC

#FCF7BE

Split Complementary

#BEFCF7

#FCBEE2

#FCD8BE

Tetradic

#BEFCF7

#D8BEFC

#FCBEC3

#E2FCBE

Color Blindness Simulation

Original

#BEFCF7

Protanopia

#D9D9F8

Deuteranopia

#D5D1F8

Tritanopia

#C1F9F9

Achromatopsia

#EEEEEE

CSS Usage

background-color: #BEFCF7;
color: #BEFCF7;
border-color: #BEFCF7;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F1FDFC
100
#DFFBF9
200
#BBFCF7
300
#8AFAF1
400
#4BF7E9
500
#0BF4E1
600
#09C3B4
700
#079C90
800
#067A71
900
#095852
950
#053834

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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