Back Home

0 views

#dba77d - Color Information

#dba77d

Base Information

HEX

#dba77d

RGB

219,167,125

HSL

27,57,67

HSV

27,43,86

CMYK

0,24,43,14

LAB

72,14,29

LCH

72,32,65

XYZ

47,44,25

Web Safe

#cc9966

Web Smart

#ddaa77

luminosity

0.4418

is dark color

No

Generate #dba77d solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

#dba77d complementary

Colors that are opposite to each other, forming a contrasting pair.

#dba77d

#7DB1DB

#dba77d splitComplementary

A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#dba77d

#7DDBD6

#7D82DB

#dba77d triadic

Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#dba77d

#7DDBA7

#A77DDB

#dba77d tetradic

Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#dba77d

#82DB7D

#7DB1DB

#D67DDB

#dba77d analogousComplementary

A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#dba77d

#7DB1DB

#7DDBD6

#7D82DB

#dba77d analogous

Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#dba77d

#DBD67D

#B1DB7D

#82DB7D

Shades

#dba77d Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#DBA77D

#DFB08A

#E2B997

#E6C1A4

#E9CAB1

#EDD3BE

#F1DCCB

#F4E5D8

#F8EDE5

#FBF6F2

#dba77d Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#DBA77D

#D2A37D

#C99F7E

#C09B7E

#B7977E

#AE947F

#A4907F

#9B8C7F

#92887F

#898480

#dba77d Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#DBA77D

#C59671

#AF8664

#997558

#83644B

#6E543F

#584332

#423225

#2C2119

#16110C

#dba77d Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#DBA77D

#DF9671

#E28664

#E67558

#E9644B

#ED543F

#F14332

#F43225

#F82119

#FB110C

#dba77d Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#DBA77D

#C5A371

#AF9F64

#999B58

#83974B

#6E943F

#589032

#428C25

#2C8819

#16840C

#dba77d Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#DBA77D

#C5968A

#AF8697

#9975A4

#8364B1

#6E54BE

#5843CB

#4232D8

#2C21E5

#1611F2

Readability Analysis

#dba77d as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White2.14Fail
Sample Text
Black9.84AAA
Sample Text
Red1.87Fail
Sample Text
Green2.41Fail
Sample Text
Blue4.02A
Sample Text

#dba77d as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White2.14Fail
Sample Text
Black9.84AAA
Sample Text
Red1.87Fail
Sample Text
Green2.41Fail
Sample Text
Blue4.02A
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#c8ad7f
DeuteranomalyGreen weakness - Anomalous trichromacy#d6a87c
TritanomalyBlue weakness - Anomalous trichromacy#dea29a
ProtanopiaNo red perception - Dichromacy#beb080
DeuteranopiaNo green perception - Dichromacy#d3a87b
TritanopiaNo blue perception - Dichromacy#df9fab
AchromatomalyPartial color blindness - Monochromacy#bfac9d
AchromatopsiaComplete color blindness - Monochromacy#afafaf

#dba77d Color Code

NameCode
#dba77d css background color code
.bg { background-color: #dba77d; }
#dba77d css text color code
.text { color: #dba77d; }
#dba77d css border color code
.border { border-color: #dba77d; }