#BEEAFF

#BEEAFF

Color Values

HEX

#BEEAFF

RGB

190, 234, 255

HSL

199.4, 100.0%, 87.3%

HSV

199.4, 25.5%, 100.0%

CMYK

25.5%, 8.2%, 0.0%, 0.0%

OKLCH

0.9128 0.0538 228.5

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BEEAFF

#FFD3BE

Analogous

#BEFFF4

#BECAFF

#BEEAFF

Triadic

#BEEAFF

#FFBEEA

#EAFFBE

Split Complementary

#BEEAFF

#FFBECA

#FFF4BE

Tetradic

#BEEAFF

#F4BEFF

#FFD3BE

#CAFFBE

Color Blindness Simulation

Original

#BEEAFF

Protanopia

#D1D1FA

Deuteranopia

#CECBF9

Tritanopia

#C0F6F5

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8E8FF
300
#85D7FF
400
#42C2FF
500
#00ADFF
600
#008ACC
700
#006EA3
800
#005680
900
#05405C
950
#03283A

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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