#DABE68

#DABE68

Color Values

HEX

#DABE68

RGB

218, 190, 104

HSL

45.3, 60.6%, 63.1%

HSV

45.3, 52.3%, 85.5%

CMYK

0.0%, 12.8%, 52.3%, 14.5%

OKLCH

0.8077 0.1107 91.8

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#DABE68

#6884DA

Analogous

#DA8568

#BDDA68

#DABE68

Triadic

#DABE68

#68DABE

#BE68DA

Split Complementary

#DABE68

#68BDDA

#8568DA

Tetradic

#DABE68

#68DA85

#6884DA

#DA68BD

Color Blindness Simulation

Original

#DABE68

Protanopia

#CECE7D

Deuteranopia

#D0D282

Tritanopia

#D98D91

Achromatopsia

#BEBEBE

CSS Usage

background-color: #DABE68;
color: #DABE68;
border-color: #DABE68;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBF9F3
100
#F6F2E4
200
#F1E6C6
300
#E7D59D
400
#DABE67
500
#CDA732
600
#A48628
700
#836B20
800
#665319
900
#4B3E16
950
#2F270E

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

11.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026