#B7C852

#B7C852

Color Values

HEX

#B7C852

RGB

183, 200, 82

HSL

68.6, 51.8%, 55.3%

HSV

68.6, 59.0%, 78.4%

CMYK

8.5%, 0.0%, 59.0%, 21.6%

OKLCH

0.7964 0.1437 116.7

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#B7C852

#6352C8

Analogous

#C89E52

#7CC852

#B7C852

Triadic

#B7C852

#52B7C8

#C852B7

Split Complementary

#B7C852

#527CC8

#9E52C8

Tetradic

#B7C852

#52C89E

#6352C8

#C8527C

Color Blindness Simulation

Original

#B7C852

Protanopia

#BEBF6F

Deuteranopia

#BDBC75

Tritanopia

#B8858A

Achromatopsia

#BCBCBC

CSS Usage

background-color: #B7C852;
color: #B7C852;
border-color: #B7C852;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#E8EEC9
300
#D8E2A2
400
#C4D270
500
#AFC23D
600
#8C9B31
700
#707C27
800
#57611F
900
#41471A
950
#292D10

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.4:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026