#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

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