#BAF270

#BAF270

Color Values

HEX

#BAF270

RGB

186, 242, 112

HSL

85.8, 83.3%, 69.4%

HSV

85.8, 53.7%, 94.9%

CMYK

23.1%, 0.0%, 53.7%, 5.1%

OKLCH

0.8959 0.1702 128.8

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BAF270

#A870F2

Analogous

#F2E970

#79F270

#BAF270

Triadic

#BAF270

#70BAF2

#F270BA

Split Complementary

#BAF270

#7079F2

#E970F2

Tetradic

#BAF270

#70F2E9

#A870F2

#F27079

Color Blindness Simulation

Original

#BAF270

Protanopia

#D2D38F

Deuteranopia

#CFCB97

Tritanopia

#BDA8AE

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFFAE1
200
#DFF9BE
300
#C9F58F
400
#ACEF52
500
#8EEA15
600
#72BB11
700
#5B960E
800
#47750B
900
#36550C
950
#223608

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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