#BEFFF6

#BEFFF6

Color Values

HEX

#BEFFF6

RGB

190, 255, 246

HSL

171.7, 100.0%, 87.3%

HSV

171.7, 25.5%, 100.0%

CMYK

25.5%, 0.0%, 3.5%, 0.0%

OKLCH

0.9541 0.0659 185.6

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BEFFF6

#FFBEC7

Analogous

#BEFFD6

#BEE8FF

#BEFFF6

Triadic

#BEFFF6

#F6BEFF

#FFF6BE

Split Complementary

#BEFFF6

#FFBEE8

#FFD6BE

Tetradic

#BEFFF6

#D6BEFF

#FFBEC7

#E8FFBE

Color Blindness Simulation

Original

#BEFFF6

Protanopia

#DADBF8

Deuteranopia

#D6D2F9

Tritanopia

#C1FAFA

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DEFCF8
200
#B8FFF5
300
#85FFEE
400
#42FFE5
500
#00FFDC
600
#00CCB0
700
#00A38D
800
#00806E
900
#055C50
950
#033A33

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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