#BAE793

#BAE793

Color Values

HEX

#BAE793

RGB

186, 231, 147

HSL

92.1, 63.6%, 74.1%

HSV

92.1, 36.4%, 90.6%

CMYK

19.5%, 0.0%, 36.4%, 9.4%

OKLCH

0.8765 0.1197 131.4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BAE793

#C093E7

Analogous

#E4E793

#93E796

#BAE793

Triadic

#BAE793

#93BAE7

#E793BA

Split Complementary

#BAE793

#9693E7

#E793E4

Tetradic

#BAE793

#93E4E7

#C093E7

#E79693

Color Blindness Simulation

Original

#BAE793

Protanopia

#CDCEA7

Deuteranopia

#CBC8AC

Tritanopia

#BCB7BB

Achromatopsia

#D7D7D7

CSS Usage

background-color: #BAE793;
color: #BAE793;
border-color: #BAE793;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#DAF2C5
300
#BFE99B
400
#9CDD65
500
#7AD12E
600
#61A725
700
#4E851E
800
#3D6817
900
#2F4C15
950
#1D300D

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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