#AFD600

#AFD600

Color Values

HEX

#AFD600

RGB

175, 214, 0

HSL

70,9, 100,0%, 42,0%

HSV

70,9, 100,0%, 83,9%

CMYK

18,2%, 0,0%, 100,0%, 16,1%

OKLCH

0,8183 0,1984 121,9

Properties

Cool Light Nearest: olivedrab 2

Color Harmonies

Complementary

#AFD600

#2700D6

Analogous

#D69200

#44D600

#AFD600

Triadic

#AFD600

#00AFD6

#D600AF

Split Complementary

#AFD600

#0044D6

#9200D6

Tetradic

#AFD600

#00D692

#2700D6

#D60044

Color Blindness Simulation

Original

#AFD600

Protanopia

#C0C034

Deuteranopia

#BEBB40

Tritanopia

#B15D66

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FBFEF1
100
#F7FCDE
200
#F2FFB8
300
#E9FF85
400
#DDFF42
500
#D1FF00
600
#A7CC00
700
#86A300
800
#688000
900
#4C5C05
950
#303A03

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,44: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