#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026