#BEFFF4

#BEFFF4

Color Values

HEX

#BEFFF4

RGB

190, 255, 244

HSL

169.8, 100.0%, 87.3%

HSV

169.8, 25.5%, 100.0%

CMYK

25.5%, 0.0%, 4.3%, 0.0%

OKLCH

0.9536 0.0665 183.3

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BEFFF4

#FFBEC9

Analogous

#BEFFD4

#BEEAFF

#BEFFF4

Triadic

#BEFFF4

#F4BEFF

#FFF4BE

Split Complementary

#BEFFF4

#FFBEEA

#FFD4BE

Tetradic

#BEFFF4

#D4BEFF

#FFBEC9

#EAFFBE

Color Blindness Simulation

Original

#BEFFF4

Protanopia

#DADBF7

Deuteranopia

#D6D2F7

Tritanopia

#C1F9F9

Achromatopsia

#F0F0F0

CSS Usage

background-color: #BEFFF4;
color: #BEFFF4;
border-color: #BEFFF4;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F1FEFC
100
#DEFCF7
200
#B8FFF3
300
#85FFEA
400
#42FFDF
500
#00FFD4
600
#00CCA9
700
#00A387
800
#00806A
900
#055C4D
950
#033A31

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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