#CCA25A Color

Color Information

HEX#CCA25A
RGB204, 162, 90
HSL38° , 53% , 58%
HSV38° , 56% , 80%
CMYK0%, 21%, 56%, 20%

Lighter Shades

#D2AD6E #D8B882 #DEC395 #E4CFA9 #EBDABD #F1E5D1

Darker Shades

#B48F4F #9B7B44 #83683A #6A542F #524124 #392D19

Complementary Palette

#AF8B4D #CCA25A #4E72B0 #5B85CD #7296D4 #D3AF71

Analogous Palette

#A6756E #B77A71 #C09855 #CCA25A #AEB771 #B4BC7B

Triadic Palette

#B48F4F #CCA25A #50D7A6 #65DCB1 #A650D7 #9246BD

Split Complementary Palette

#B89251 #CCA25A #5BBECD #6BC5D2 #6A5BCD #5F52B9

Square Palette

#AB884C #CCA25A #66C272 #6688C2 #CD5BBE #D575C8

Tetradic Palette

#A7854A #CCA25A #80E048 #5B85CD #A848E0 #B869E6

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCA25A contains 204 red, 162 green, and 90 blue.

Contrast Ratio: 2.33:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 9.02:1