#BDF5F0

#BDF5F0

Color Values

HEX

#BDF5F0

RGB

189, 245, 240

HSL

174,6, 73,7%, 85,1%

HSV

174,6, 22,9%, 96,1%

CMYK

22,9%, 0,0%, 2,0%, 3,9%

OKLCH

0,9306 0,057 189,4

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BDF5F0

#F5BDC2

Analogous

#BDF5D4

#BDDEF5

#BDF5F0

Triadic

#BDF5F0

#F0BDF5

#F5F0BD

Split Complementary

#BDF5F0

#F5BDDE

#F5D4BD

Tetradic

#BDF5F0

#D4BDF5

#F5BDC2

#DEF5BD

Color Blindness Simulation

Original

#BDF5F0

Protanopia

#D5D6F1

Deuteranopia

#D2CEF2

Tritanopia

#C0F2F2

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C1F6F1
300
#95EFE7
400
#5BE6DA
500
#22DDCD
600
#1BB1A4
700
#158E83
800
#116F66
900
#10514B
950
#0A332F

Contrast Checker

Text on white

1,2:1

AA Fail AAA Fail

Text on black

17,48: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