#BDF700

#BDF700

Color Values

HEX

#BDF700

RGB

189, 247, 0

HSL

74,1, 100,0%, 48,4%

HSV

74,1, 100,0%, 96,9%

CMYK

23,5%, 0,0%, 100,0%, 3,1%

OKLCH

0,903 0,227 125,0

Properties

Cool Light Nearest: olivedrab 1

Color Harmonies

Complementary

#BDF700

#3A00F7

Analogous

#F7B500

#41F700

#BDF700

Triadic

#BDF700

#00BDF7

#F700BD

Split Complementary

#BDF700

#0041F7

#B500F7

Tetradic

#BDF700

#00F7B5

#3A00F7

#F70041

Color Blindness Simulation

Original

#BDF700

Protanopia

#D6D73C

Deuteranopia

#D3CE4A

Tritanopia

#C06B75

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FBFEF1
100
#F5FCDE
200
#EEFFB8
300
#E2FF85
400
#D3FF42
500
#C3FF00
600
#9CCC00
700
#7DA300
800
#628000
900
#485C05
950
#2D3A03

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,47: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