#D3F150

#D3F150

Color Values

HEX

#D3F150

RGB

211, 241, 80

HSL

71.2, 85.2%, 62.9%

HSV

71.2, 66.8%, 94.5%

CMYK

12.4%, 0.0%, 66.8%, 5.5%

OKLCH

0.9074 0.1837 119.3

Properties

Cool Light Nearest: darkolivegreen 1

Color Harmonies

Complementary

#D3F150

#6E50F1

Analogous

#F1BE50

#82F150

#D3F150

Triadic

#D3F150

#50D3F1

#F150D3

Split Complementary

#D3F150

#5082F1

#BE50F1

Tetradic

#D3F150

#50F1BE

#6E50F1

#F15082

Color Blindness Simulation

Original

#D3F150

Protanopia

#E0E077

Deuteranopia

#DEDC80

Tritanopia

#D4969C

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#FBFDF2
100
#F5FAE0
200
#EEFABD
300
#E2F68E
400
#D3F150
500
#C4EC13
600
#9CBD0F
700
#7D970C
800
#627609
900
#48560B
950
#2D3607

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026