#BAEB6C

#BAEB6C

Color Values

HEX

#BAEB6C

RGB

186, 235, 108

HSL

83,1, 76,0%, 67,3%

HSV

83,1, 54,0%, 92,2%

CMYK

20,9%, 0,0%, 54,0%, 7,8%

OKLCH

0,8797 0,1644 127,1

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BAEB6C

#9D6CEB

Analogous

#EBDC6C

#7BEB6C

#BAEB6C

Triadic

#BAEB6C

#6CBAEB

#EB6CBA

Split Complementary

#BAEB6C

#6C7BEB

#DC6CEB

Tetradic

#BAEB6C

#6CEBDC

#9D6CEB

#EB6C7B

Color Blindness Simulation

Original

#BAEB6C

Protanopia

#CFD08B

Deuteranopia

#CCC992

Tritanopia

#BCA3A8

Achromatopsia

#D7D7D7

CSS Usage

background-color: #BAEB6C;
color: #BAEB6C;
border-color: #BAEB6C;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FCF2
100
#F0F9E2
200
#E2F6C0
300
#CCF093
400
#B1E859
500
#96E01F
600
#78B418
700
#609014
800
#4B700F
900
#38520F
950
#23340A

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,19: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