#BADFDA

#BADFDA

Color Values

HEX

#BADFDA

RGB

186, 223, 218

HSL

171.9, 36.6%, 80.2%

HSV

171.9, 16.6%, 87.5%

CMYK

16.6%, 0.0%, 2.2%, 12.5%

OKLCH

0.8757 0.0394 186.5

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BADFDA

#DFBABF

Analogous

#BADFC8

#BAD1DF

#BADFDA

Triadic

#BADFDA

#DABADF

#DFDABA

Split Complementary

#BADFDA

#DFBAD1

#DFC8BA

Tetradic

#BADFDA

#C8BADF

#DFBABF

#D1DFBA

Color Blindness Simulation

Original

#BADFDA

Protanopia

#CACADB

Deuteranopia

#C8C5DC

Tritanopia

#BCDCDC

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CEE8E5
300
#ABD8D2
400
#7EC3BA
500
#51AEA2
600
#418B81
700
#346F67
800
#285751
900
#20403C
950
#152926

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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