#AFBB3C

#AFBB3C

Color Values

HEX

#AFBB3C

RGB

175, 187, 60

HSL

65,7, 51,4%, 48,4%

HSV

65,7, 67,9%, 73,3%

CMYK

6,4%, 0,0%, 67,9%, 26,7%

OKLCH

0,7592 0,148 114,6

Properties

Cool Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#AFBB3C

#483CBB

Analogous

#BB873C

#6FBB3C

#AFBB3C

Triadic

#AFBB3C

#3CAFBB

#BB3CAF

Split Complementary

#AFBB3C

#3C6FBB

#873CBB

Tetradic

#AFBB3C

#3CBB87

#483CBB

#BB3C6F

Color Blindness Simulation

Original

#AFBB3C

Protanopia

#B4B45B

Deuteranopia

#B4B362

Tritanopia

#B07378

Achromatopsia

#AFAFAF

CSS Usage

background-color: #AFBB3C;
color: #AFBB3C;
border-color: #AFBB3C;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#EAEEC9
300
#DBE1A2
400
#C8D170
500
#B5C13E
600
#909A32
700
#747C28
800
#5A611F
900
#43471A
950
#2A2D10

Contrast Checker

Text on white

2,1:1

AA Fail AAA Fail

Text on black

10,0:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026