#B5F2F8

#B5F2F8

Color Values

HEX

#B5F2F8

RGB

181, 242, 248

HSL

185.4, 82.7%, 84.1%

HSV

185.4, 27.0%, 97.3%

CMYK

27.0%, 2.4%, 0.0%, 2.7%

OKLCH

0.922 0.0618 203.7

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#B5F2F8

#F8BBB5

Analogous

#B5F8DC

#B5D0F8

#B5F2F8

Triadic

#B5F2F8

#F8B5F2

#F2F8B5

Split Complementary

#B5F2F8

#F8B5D0

#F8DCB5

Tetradic

#B5F2F8

#DCB5F8

#F8BBB5

#D0F8B5

Color Blindness Simulation

Original

#B5F2F8

Protanopia

#CFD0F7

Deuteranopia

#CCC7F6

Tritanopia

#B8F5F5

Achromatopsia

#E5E5E5

CSS Usage

background-color: #B5F2F8;
color: #B5F2F8;
border-color: #B5F2F8;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F2FCFD
100
#E1F7FA
200
#BEF4F9
300
#8FEBF4
400
#53E1EF
500
#16D6E9
600
#12ABBA
700
#0E8995
800
#0B6B74
900
#0C4E55
950
#083135

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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