#B0C69F

#B0C69F

Color Values

HEX

#B0C69F

RGB

176, 198, 159

HSL

93.8, 25.5%, 70.0%

HSV

93.8, 19.7%, 77.6%

CMYK

11.1%, 0.0%, 19.7%, 22.4%

OKLCH

0.7995 0.0587 131.7

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B0C69F

#B59FC6

Analogous

#C4C69F

#9FC6A1

#B0C69F

Triadic

#B0C69F

#9FB0C6

#C69FB0

Split Complementary

#B0C69F

#A19FC6

#C69FC4

Tetradic

#B0C69F

#9FC4C6

#B59FC6

#C6A19F

Color Blindness Simulation

Original

#B0C69F

Protanopia

#BABAA8

Deuteranopia

#B8B7AB

Tritanopia

#B1B0B2

Achromatopsia

#BFBFBF

CSS Usage

background-color: #B0C69F;
color: #B0C69F;
border-color: #B0C69F;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DAE4D2
300
#C0D1B2
400
#9EB989
500
#7BA05F
600
#63804C
700
#4F663D
800
#3E502F
900
#2F3C25
950
#1E2618

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.42:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026