#B8F4EF

#B8F4EF

Color Values

HEX

#B8F4EF

RGB

184, 244, 239

HSL

175.0, 73.2%, 83.9%

HSV

175.0, 24.6%, 95.7%

CMYK

24.6%, 0.0%, 2.0%, 4.3%

OKLCH

0.9252 0.0608 189.8

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#B8F4EF

#F4B8BD

Analogous

#B8F4D1

#B8DBF4

#B8F4EF

Triadic

#B8F4EF

#EFB8F4

#F4EFB8

Split Complementary

#B8F4EF

#F4B8DB

#F4D1B8

Tetradic

#B8F4EF

#D1B8F4

#F4B8BD

#DBF4B8

Color Blindness Simulation

Original

#B8F4EF

Protanopia

#D2D3F0

Deuteranopia

#CECAF0

Tritanopia

#BBF1F1

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C1F5F1
300
#95EFE7
400
#5CE6DA
500
#22DDCD
600
#1BB1A4
700
#168D83
800
#116E67
900
#11504B
950
#0A332F

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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