#ADA368

#ADA368

Color Values

HEX

#ADA368

RGB

173, 163, 104

HSL

51.3, 29.6%, 54.3%

HSV

51.3, 39.9%, 67.8%

CMYK

0.0%, 5.8%, 39.9%, 32.2%

OKLCH

0.7101 0.0794 99.8

Properties

Warm Light Nearest: RAL 1019 Grey Beige

Color Harmonies

Complementary

#ADA368

#6872AD

Analogous

#AD8068

#94AD68

#ADA368

Triadic

#ADA368

#68ADA3

#A368AD

Split Complementary

#ADA368

#6894AD

#8068AD

Tetradic

#ADA368

#68AD80

#6872AD

#AD6894

Color Blindness Simulation

Original

#ADA368

Protanopia

#A9A976

Deuteranopia

#A9AA7A

Tritanopia

#AC8284

Achromatopsia

#A1A1A1

CSS Usage

background-color: #ADA368;
color: #ADA368;
border-color: #ADA368;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#F9F9F5
100
#F2F0E9
200
#E6E3D1
300
#D4CFB0
400
#BDB485
500
#A59A5A
600
#847B48
700
#6A6339
800
#534D2D
900
#3D3A24
950
#272416

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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