#BEEAC2

#BEEAC2

Color Values

HEX

#BEEAC2

RGB

190, 234, 194

HSL

125.5, 51.2%, 83.1%

HSV

125.5, 18.8%, 91.8%

CMYK

18.8%, 0.0%, 17.1%, 8.2%

OKLCH

0.8954 0.0709 147.4

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BEEAC2

#EABEE6

Analogous

#D0EABE

#BEEAD8

#BEEAC2

Triadic

#BEEAC2

#C2BEEA

#EAC2BE

Split Complementary

#BEEAC2

#D8BEEA

#EABED0

Tetradic

#BEEAC2

#BED0EA

#EABEE6

#EAD8BE

Color Blindness Simulation

Original

#BEEAC2

Protanopia

#D1D1CC

Deuteranopia

#CECBCE

Tritanopia

#C0D3D5

Achromatopsia

#DEDEDE

CSS Usage

background-color: #BEEAC2;
color: #BEEAC2;
border-color: #BEEAC2;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F4FBF5
100
#E5F5E7
200
#C9EECC
300
#A2E1A8
400
#70D179
500
#3EC14A
600
#329A3B
700
#287B2F
800
#1F6025
900
#1A471E
950
#102D13

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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