#B3F8F0

#B3F8F0

Color Values

HEX

#B3F8F0

RGB

179, 248, 240

HSL

173.0, 83.1%, 83.7%

HSV

173.0, 27.8%, 97.3%

CMYK

27.8%, 0.0%, 3.2%, 2.7%

OKLCH

0.9312 0.0694 187.1

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#B3F8F0

#F8B3BB

Analogous

#B3F8CD

#B3DDF8

#B3F8F0

Triadic

#B3F8F0

#F0B3F8

#F8F0B3

Split Complementary

#B3F8F0

#F8B3DD

#F8CDB3

Tetradic

#B3F8F0

#CDB3F8

#F8B3BB

#DDF8B3

Color Blindness Simulation

Original

#B3F8F0

Protanopia

#D1D1F2

Deuteranopia

#CDC8F2

Tritanopia

#B6F3F4

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E1FAF7
200
#BEF9F2
300
#8FF5E9
400
#52EFDD
500
#16E9D1
600
#11BBA7
700
#0E9586
800
#0B7568
900
#0C554C
950
#083530

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.6:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026