#BEF5F7

#BEF5F7

Color Values

HEX

#BEF5F7

RGB

190, 245, 247

HSL

182.1, 78.1%, 85.7%

HSV

182.1, 23.1%, 96.9%

CMYK

23.1%, 0.8%, 0.0%, 3.1%

OKLCH

0.9333 0.0557 199.0

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BEF5F7

#F7C0BE

Analogous

#BEF7DD

#BED9F7

#BEF5F7

Triadic

#BEF5F7

#F7BEF5

#F5F7BE

Split Complementary

#BEF5F7

#F7BED9

#F7DDBE

Tetradic

#BEF5F7

#DDBEF7

#F7C0BE

#D9F7BE

Color Blindness Simulation

Original

#BEF5F7

Protanopia

#D6D6F7

Deuteranopia

#D3CEF6

Tritanopia

#C1F6F6

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E1F8F9
200
#BFF5F7
300
#92EEF2
400
#57E5EA
500
#1CDCE3
600
#16B0B6
700
#128D91
800
#0E6E72
900
#0E5053
950
#093334

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.59:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026