#B3C494

#B3C494

Color Values

HEX

#B3C494

RGB

179, 196, 148

HSL

81.3, 28.9%, 67.5%

HSV

81.3, 24.5%, 76.9%

CMYK

8.7%, 0.0%, 24.5%, 23.1%

OKLCH

0.7949 0.0678 123.8

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#B3C494

#A594C4

Analogous

#C4BD94

#9BC494

#B3C494

Triadic

#B3C494

#94B3C4

#C494B3

Split Complementary

#B3C494

#949BC4

#BD94C4

Tetradic

#B3C494

#94C4BD

#A594C4

#C4949B

Color Blindness Simulation

Original

#B3C494

Protanopia

#BABBA0

Deuteranopia

#B9B8A2

Tritanopia

#B4A9AB

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DEE6D1
300
#C7D3B0
400
#A9BC85
500
#8AA45B
600
#6F8349
700
#58693A
800
#45522D
900
#343D24
950
#212717

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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