#BAEAFF

#BAEAFF

Color Values

HEX

#BAEAFF

RGB

186, 234, 255

HSL

198.3, 100.0%, 86.5%

HSV

198.3, 27.1%, 100.0%

CMYK

27.1%, 8.2%, 0.0%, 0.0%

OKLCH

0.9104 0.0571 226.4

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BAEAFF

#FFCFBA

Analogous

#BAFFF2

#BAC8FF

#BAEAFF

Triadic

#BAEAFF

#FFBAEA

#EAFFBA

Split Complementary

#BAEAFF

#FFBAC8

#FFF2BA

Tetradic

#BAEAFF

#F2BAFF

#FFCFBA

#C8FFBA

Color Blindness Simulation

Original

#BAEAFF

Protanopia

#CFCFFA

Deuteranopia

#CCC8F9

Tritanopia

#BCF6F5

Achromatopsia

#E1E1E1

CSS Usage

background-color: #BAEAFF;
color: #BAEAFF;
border-color: #BAEAFF;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8E9FF
300
#85DAFF
400
#42C5FF
500
#00B1FF
600
#008ECC
700
#0071A3
800
#005980
900
#05415C
950
#03293A

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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