#B7FEFA

#B7FEFA

Color Values

HEX

#B7FEFA

RGB

183, 254, 250

HSL

176.6, 97.3%, 85.7%

HSV

176.6, 28.0%, 99.6%

CMYK

28.0%, 0.0%, 1.6%, 0.4%

OKLCH

0.9493 0.0703 191.6

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#B7FEFA

#FEB7BB

Analogous

#B7FED7

#B7DFFE

#B7FEFA

Triadic

#B7FEFA

#FAB7FE

#FEFAB7

Split Complementary

#B7FEFA

#FEB7DF

#FED7B7

Tetradic

#B7FEFA

#D7B7FE

#FEB7BB

#DFFEB7

Color Blindness Simulation

Original

#B7FEFA

Protanopia

#D6D6FB

Deuteranopia

#D2CCFB

Tritanopia

#BBFCFC

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B9FEFA
300
#86FDF7
400
#45FCF2
500
#03FCED
600
#03C9BE
700
#02A198
800
#027E77
900
#065B56
950
#043936

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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