#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