#BEEB96

#BEEB96

Color Values

HEX

#BEEB96

RGB

190, 235, 150

HSL

91.8, 68.0%, 75.5%

HSV

91.8, 36.2%, 92.2%

CMYK

19.1%, 0.0%, 36.2%, 7.8%

OKLCH

0.8884 0.1205 131.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BEEB96

#C396EB

Analogous

#E8EB96

#96EB99

#BEEB96

Triadic

#BEEB96

#96BEEB

#EB96BE

Split Complementary

#BEEB96

#9996EB

#EB96E8

Tetradic

#BEEB96

#96E8EB

#C396EB

#EB9996

Color Blindness Simulation

Original

#BEEB96

Protanopia

#D1D2AB

Deuteranopia

#CFCCB0

Tritanopia

#C0BBBE

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DAF4C3
300
#BFEB98
400
#9DE160
500
#7AD629
600
#62AB21
700
#4E891A
800
#3D6B14
900
#2F4E13
950
#1D310C

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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