Back Home

1 views

#afb74e - Color Information

#afb74e

Base Information

HEX

#afb74e

RGB

175,183,78

HSL

65,42,51

HSV

65,57,72

CMYK

4,0,57,28

LAB

72,-17,51

LCH

72,54,109

XYZ

36,44,14

Web Safe

#99cc66

Web Smart

#aabb55

luminosity

0.4353

is dark color

No

Generate #afb74e solid background color

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

Combinations

#afb74e complementary

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

#afb74e

#564EB7

#afb74e splitComplementary

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

#afb74e

#4E7AB7

#8A4EB7

#afb74e triadic

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

#afb74e

#4EAFB7

#B74EAF

#afb74e tetradic

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

#afb74e

#4EB78B

#564EB7

#B74E7B

#afb74e analogousComplementary

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

#afb74e

#564EB7

#4E7AB7

#8A4EB7

#afb74e analogous

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

#afb74e

#7BB74E

#4EB756

#4EB78B

Shades

#afb74e Light Tints

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

#AFB74E

#B7BE60

#BFC571

#C7CD83

#CFD495

#D7DBA7

#DFE2B8

#E7E9CA

#EFF1DC

#F7F8ED

#afb74e Gray Shades

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

#AFB74E

#AAB253

#A6AC58

#A1A75D

#9CA162

#989C67

#93966C

#8E9171

#898B76

#85867B

#afb74e Dark Shades

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

#AFB74E

#9EA546

#8C923E

#7A8037

#696E2F

#585C27

#46491F

#343717

#232510

#111208

#afb74e Red Shades

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

#AFB74E

#B7A546

#BF923E

#C78037

#CF6E2F

#D75C27

#DF491F

#E73717

#EF2510

#F71208

#afb74e Green Shades

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

#AFB74E

#9EB246

#8CAC3E

#7AA737

#69A12F

#589C27

#46961F

#349117

#238B10

#118608

#afb74e Blue Shades

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

#AFB74E

#9EA560

#8C9271

#7A8083

#696E95

#585CA7

#4649B8

#3437CA

#2325DC

#1112ED

Readability Analysis

#afb74e as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White2.16Fail
Sample Text
Black9.71AAA
Sample Text
Red1.85Fail
Sample Text
Green2.37Fail
Sample Text
Blue3.97A
Sample Text

#afb74e as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White2.16Fail
Sample Text
Black9.71AAA
Sample Text
Red1.85Fail
Sample Text
Green2.37Fail
Sample Text
Blue3.97A
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#bcb24e
DeuteranomalyGreen weakness - Anomalous trichromacy#caac52
TritanomalyBlue weakness - Anomalous trichromacy#b6af91
ProtanopiaNo red perception - Dichromacy#c3af4d
DeuteranopiaNo green perception - Dichromacy#d9a654
TritanopiaNo blue perception - Dichromacy#baaab7
AchromatomalyPartial color blindness - Monochromacy#aeb18b
AchromatopsiaComplete color blindness - Monochromacy#aeaeae

#afb74e Color Code

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