#CCB102 Color

Color Information

HEX#CCB102
RGB204, 177, 2
HSL52° , 98% , 40%
HSV52° , 99% , 80%
CMYK0%, 13%, 99%, 20%

Lighter Shades

#D2BA20 #D8C43F #DECD5D #E4D67B #EBE09A #F1E9B8

Darker Shades

#B49C02 #9B8702 #837101 #6A5C01 #524701 #393201

Complementary Palette

#AF9802 #CCB102 #0219AE #021DCA #253DD1 #D3BC25

Analogous Palette

#A84B15 #B65116 #C0A602 #CCB102 #7BB616 #85B92D

Triadic Palette

#B49C02 #CCB102 #00CCB1 #1FD2BA #B100CC #9C00B4

Split Complementary Palette

#B89F02 #CCB102 #0281CA #1B8ECF #4B02CA #4402B6

Square Palette

#AB9502 #CCB102 #0CC04E #0C24C0 #CA0281 #D22A95

Tetradic Palette

#A79102 #CCB102 #1BCC00 #021DCA #B100CC #BF2ED5

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CCB102 contains 204 red, 177 green, and 2 blue.

Contrast Ratio: 2.1:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.01:1