#ACB418

#ACB418

Color Values

HEX

#ACB418

RGB

172, 180, 24

HSL

63.1, 76.5%, 40.0%

HSV

63.1, 86.7%, 70.6%

CMYK

4.4%, 0.0%, 86.7%, 29.4%

OKLCH

0.7391 0.1596 113.0

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#ACB418

#2018B4

Analogous

#B46E18

#5EB418

#ACB418

Triadic

#ACB418

#18ACB4

#B418AC

Split Complementary

#ACB418

#185EB4

#6E18B4

Tetradic

#ACB418

#18B46E

#2018B4

#B4185E

Color Blindness Simulation

Original

#ACB418

Protanopia

#AFB03E

Deuteranopia

#AFAE47

Tritanopia

#AC5C62

Achromatopsia

#A7A7A7

CSS Usage

background-color: #ACB418;
color: #ACB418;
border-color: #ACB418;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFCF2
100
#F8F9E2
200
#F4F7C0
300
#ECF193
400
#E1E958
500
#D7E11E
600
#ACB418
700
#8A9013
800
#6B710F
900
#4E520F
950
#31340A

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

9.3:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026