#B4F3FF

#B4F3FF

Color Values

HEX

#B4F3FF

RGB

180, 243, 255

HSL

189.6, 100.0%, 85.3%

HSV

189.6, 29.4%, 100.0%

CMYK

29.4%, 4.7%, 0.0%, 0.0%

OKLCH

0.9258 0.0651 210.6

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#B4F3FF

#FFC0B4

Analogous

#B4FFE6

#B4CEFF

#B4F3FF

Triadic

#B4F3FF

#FFB4F3

#F3FFB4

Split Complementary

#B4F3FF

#FFB4CE

#FFE6B4

Tetradic

#B4F3FF

#E6B4FF

#FFC0B4

#CEFFB4

Color Blindness Simulation

Original

#B4F3FF

Protanopia

#CFD0FC

Deuteranopia

#CCC7FB

Tritanopia

#B7FAF9

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DEF7FC
200
#B8F4FF
300
#85EBFF
400
#42E1FF
500
#00D6FF
600
#00ABCC
700
#0089A3
800
#006B80
900
#054E5C
950
#03313A

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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