#BEC697

#BEC697

Color Values

HEX

#BEC697

RGB

190, 198, 151

HSL

70.2, 29.2%, 68.4%

HSV

70.2, 23.7%, 77.6%

CMYK

4.0%, 0.0%, 23.7%, 22.4%

OKLCH

0.8084 0.0639 115.7

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#BEC697

#9F97C6

Analogous

#C6B697

#A6C697

#BEC697

Triadic

#BEC697

#97BEC6

#C697BE

Split Complementary

#BEC697

#97A6C6

#B697C6

Tetradic

#BEC697

#97C6B6

#9F97C6

#C697A6

Color Blindness Simulation

Original

#BEC697

Protanopia

#C1C2A2

Deuteranopia

#C1C0A5

Tritanopia

#BEABAD

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F0F2E9
200
#E2E6D1
300
#CED4B0
400
#B3BC85
500
#98A55A
600
#7A8448
700
#61693A
800
#4C522D
900
#393D24
950
#242717

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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