#B4CF0A

#B4CF0A

Color Values

HEX

#B4CF0A

RGB

180, 207, 10

HSL

68.2, 90.8%, 42.5%

HSV

68.2, 95.2%, 81.2%

CMYK

13.0%, 0.0%, 95.2%, 18.8%

OKLCH

0.806 0.1876 118.8

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#B4CF0A

#250ACF

Analogous

#CF870A

#51CF0A

#B4CF0A

Triadic

#B4CF0A

#0AB4CF

#CF0AB4

Split Complementary

#B4CF0A

#0A51CF

#870ACF

Tetradic

#B4CF0A

#0ACF87

#250ACF

#CF0A51

Color Blindness Simulation

Original

#B4CF0A

Protanopia

#C0C03A

Deuteranopia

#BEBC45

Tritanopia

#B55F68

Achromatopsia

#BBBBBB

CSS Usage

background-color: #B4CF0A;
color: #B4CF0A;
border-color: #B4CF0A;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#FCFDF1
100
#F7FBDF
200
#F3FCBB
300
#EAF98A
400
#DFF64B
500
#D4F30C
600
#A9C309
700
#879C08
800
#6A7A06
900
#4D5809
950
#313806

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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