#B7C665

#B7C665

Color Values

HEX

#B7C665

RGB

183, 198, 101

HSL

69.3, 46.0%, 58.6%

HSV

69.3, 49.0%, 77.6%

CMYK

7.6%, 0.0%, 49.0%, 22.4%

OKLCH

0.7942 0.1235 116.5

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#B7C665

#7465C6

Analogous

#C6A465

#86C665

#B7C665

Triadic

#B7C665

#65B7C6

#C665B7

Split Complementary

#B7C665

#6586C6

#A465C6

Tetradic

#B7C665

#65C6A4

#7465C6

#C66586

Color Blindness Simulation

Original

#B7C665

Protanopia

#BDBE7C

Deuteranopia

#BDBC82

Tritanopia

#B88F93

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F9FAF4
100
#F2F4E6
200
#E7ECCB
300
#D5DEA6
400
#BFCC75
500
#A8BA45
600
#869537
700
#6B772C
800
#545D22
900
#3E451C
950
#272B12

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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