#AFBC25

#AFBC25

Color Values

HEX

#AFBC25

RGB

175, 188, 37

HSL

65.2, 67.1%, 44.1%

HSV

65.2, 80.3%, 73.7%

CMYK

6.9%, 0.0%, 80.3%, 26.3%

OKLCH

0.76 0.1621 114.8

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#AFBC25

#3225BC

Analogous

#BC7E25

#63BC25

#AFBC25

Triadic

#AFBC25

#25AFBC

#BC25AF

Split Complementary

#AFBC25

#2563BC

#7E25BC

Tetradic

#AFBC25

#25BC7E

#3225BC

#BC2563

Color Blindness Simulation

Original

#AFBC25

Protanopia

#B5B549

Deuteranopia

#B4B352

Tritanopia

#B0666D

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#EFF3C3
300
#E4EB99
400
#D5E061
500
#C6D52A
600
#9FAA22
700
#7F881B
800
#636B15
900
#494E13
950
#2E310C

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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