#BFEAE6

#BFEAE6

Color Values

HEX

#BFEAE6

RGB

191, 234, 230

HSL

174.4, 50.6%, 83.3%

HSV

174.4, 18.4%, 91.8%

CMYK

18.4%, 0.0%, 1.7%, 8.2%

OKLCH

0.9056 0.0448 189.4

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#BFEAE6

#EABFC3

Analogous

#BFEAD0

#BFD8EA

#BFEAE6

Triadic

#BFEAE6

#E6BFEA

#EAE6BF

Split Complementary

#BFEAE6

#EABFD8

#EAD0BF

Tetradic

#BFEAE6

#D0BFEA

#EABFC3

#D8EABF

Color Blindness Simulation

Original

#BFEAE6

Protanopia

#D2D2E7

Deuteranopia

#CFCCE7

Tritanopia

#C1E8E8

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F3
200
#C9EDEA
300
#A3E1DB
400
#71D0C7
500
#3FC0B4
600
#329A90
700
#287B73
800
#1F605A
900
#1A4742
950
#112D2A

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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