#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026