#BAF485

#BAF485

Color Values

HEX

#BAF485

RGB

186, 244, 133

HSL

91,4, 83,5%, 73,9%

HSV

91,4, 45,5%, 95,7%

CMYK

23,8%, 0,0%, 45,5%, 4,3%

OKLCH

0,9032 0,1531 131,5

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#BAF485

#BF85F4

Analogous

#F1F485

#85F487

#BAF485

Triadic

#BAF485

#85BAF4

#F485BA

Split Complementary

#BAF485

#8785F4

#F485F1

Tetradic

#BAF485

#85F1F4

#BF85F4

#F48785

Color Blindness Simulation

Original

#BAF485

Protanopia

#D3D4A0

Deuteranopia

#D0CBA6

Tritanopia

#BDB5BA

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDFAE0
200
#DAF9BD
300
#BFF58F
400
#9DEF52
500
#7BEA15
600
#62BB11
700
#4E960D
800
#3D750B
900
#2F550C
950
#1E3608

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,37: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