#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026