#BECBA4

#BECBA4

Color Values

HEX

#BECBA4

RGB

190, 203, 164

HSL

80,0, 27,3%, 72,0%

HSV

80,0, 19,2%, 79,6%

CMYK

6,4%, 0,0%, 19,2%, 20,4%

OKLCH

0,8219 0,0548 122,6

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BECBA4

#B1A4CB

Analogous

#CBC5A4

#ABCBA4

#BECBA4

Triadic

#BECBA4

#A4BECB

#CBA4BE

Split Complementary

#BECBA4

#A4ABCB

#C5A4CB

Tetradic

#BECBA4

#A4CBC5

#B1A4CB

#CBA4AB

Color Blindness Simulation

Original

#BECBA4

Protanopia

#C4C4AD

Deuteranopia

#C3C2B0

Tritanopia

#BFB5B7

Achromatopsia

#C5C5C5

CSS Usage

background-color: #BECBA4;
color: #BECBA4;
border-color: #BECBA4;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#DFE5D2
300
#C7D3B1
400
#A9BA87
500
#8BA25D
600
#6F824A
700
#59683B
800
#46512E
900
#343C25
950
#212617

Contrast Checker

Text on white

1,71:1

AA Fail AAA Fail

Text on black

12,27: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