#BEEEF2

#BEEEF2

Color Values

HEX

#BEEEF2

RGB

190, 238, 242

HSL

184.6, 66.7%, 84.7%

HSV

184.6, 21.5%, 94.9%

CMYK

21.5%, 1.7%, 0.0%, 5.1%

OKLCH

0.917 0.0494 202.6

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BEEEF2

#F2C2BE

Analogous

#BEF2DC

#BED4F2

#BEEEF2

Triadic

#BEEEF2

#F2BEEE

#EEF2BE

Split Complementary

#BEEEF2

#F2BED4

#F2DCBE

Tetradic

#BEEEF2

#DCBEF2

#F2C2BE

#D4F2BE

Color Blindness Simulation

Original

#BEEEF2

Protanopia

#D3D3F1

Deuteranopia

#D0CCF1

Tritanopia

#C0F0F0

Achromatopsia

#E4E4E4

CSS Usage

background-color: #BEEEF2;
color: #BEEEF2;
border-color: #BEEEF2;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FBFC
100
#E3F6F7
200
#C3EFF3
300
#99E4EB
400
#62D6E0
500
#2AC8D5
600
#22A0AA
700
#1B8088
800
#15646A
900
#13494E
950
#0C2E31

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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