#B2C138

#B2C138

Color Values

HEX

#B2C138

RGB

178, 193, 56

HSL

66.6, 55.0%, 48.8%

HSV

66.6, 71.0%, 75.7%

CMYK

7.8%, 0.0%, 71.0%, 24.3%

OKLCH

0.7747 0.1564 115.6

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#B2C138

#4738C1

Analogous

#C18B38

#6DC138

#B2C138

Triadic

#B2C138

#38B2C1

#C138B2

Split Complementary

#B2C138

#386DC1

#8B38C1

Tetradic

#B2C138

#38C18B

#4738C1

#C1386D

Color Blindness Simulation

Original

#B2C138

Protanopia

#B8B959

Deuteranopia

#B8B661

Tritanopia

#B37379

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#EBEFC8
300
#DCE3A0
400
#C9D56D
500
#B6C639
600
#929E2E
700
#757E25
800
#5B631D
900
#434818
950
#2A2E0F

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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