#BED78C

#BED78C

Color Values

HEX

#BED78C

RGB

190, 215, 140

HSL

80.0, 48.4%, 69.6%

HSV

80.0, 34.9%, 84.3%

CMYK

11.6%, 0.0%, 34.9%, 15.7%

OKLCH

0.8428 0.102 123.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BED78C

#A58CD7

Analogous

#D7CA8C

#98D78C

#BED78C

Triadic

#BED78C

#8CBED7

#D78CBE

Split Complementary

#BED78C

#8C98D7

#CA8CD7

Tetradic

#BED78C

#8CD7CA

#A58CD7

#D78C98

Color Blindness Simulation

Original

#BED78C

Protanopia

#C9C99E

Deuteranopia

#C7C6A2

Tritanopia

#BFACB0

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#F0F4E6
200
#E1EDCA
300
#CCDFA4
400
#B0CE73
500
#94BD42
600
#769735
700
#5F792A
800
#4A5F21
900
#37461B
950
#232C11

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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