#B5F0EB

#B5F0EB

Color Values

HEX

#B5F0EB

RGB

181, 240, 235

HSL

174,9, 66,3%, 82,5%

HSV

174,9, 24,6%, 94,1%

CMYK

24,6%, 0,0%, 2,1%, 5,9%

OKLCH

0,9137 0,06 189,7

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#B5F0EB

#F0B5BA

Analogous

#B5F0CD

#B5D7F0

#B5F0EB

Triadic

#B5F0EB

#EBB5F0

#F0EBB5

Split Complementary

#B5F0EB

#F0B5D7

#F0CDB5

Tetradic

#B5F0EB

#CDB5F0

#F0B5BA

#D7F0B5

Color Blindness Simulation

Original

#B5F0EB

Protanopia

#CFCFEC

Deuteranopia

#CBC7EC

Tritanopia

#B8EDED

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F3EF
300
#99EAE3
400
#62DFD5
500
#2BD4C6
600
#22AA9E
700
#1B887F
800
#156A63
900
#144D48
950
#0C312E

Contrast Checker

Text on white

1,26:1

AA Fail AAA Fail

Text on black

16,63: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