#CDA502

Vivid Yellow

HEX

RGB

HSL

About #CDA502 Vivid Yellow

#CDA502 is a vivid yellow color. In the RGB color model, it is composed of 205 red, 165 green, and 2 blue. In the HSL color space, it has a hue of 48°, saturation of 98%, and lightness of 41%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

Use #CDA502 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

48°

Hue

98%

Saturation

41%

Lightness

Vivid Yellow

Color Harmonies

Colors that work well with #CDA502 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #CDA502 against white and black backgrounds.

Aa#CDA502 on White
Contrast Ratio2.34:1
AA AA Large AAA
Aa#CDA502 on Black
Contrast Ratio8.98:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #CDA502 across different color formats.

FormatValue
HEX#CDA502
RGBrgb(205, 165, 2)
HSLhsl(48, 98%, 41%)
RGB Decimal205, 165, 2
RGB Percent80.4%, 64.7%, 0.8%
CMYK (approx.)0%, 20%, 99%, 20%

Related Palettes

12 palettes using #CDA502 or similar colors

#B6A416#A0E138#8FE184#BBF6D2
#B5A017#A1DA3F#88ED78#C0F2D2
#C3A622#BADE45#9FE779#ADF0B1
#C3A322#BDDE45#A1E779#ADF0B0
#C3AB22#B5DE45#9CE779#ADF0B3
#E6AC19#C6FD02#53E718#00FF37
#C39B22#C5DE45#A7E779#ADF0AD
#F0340F#ECA413#C8ED12#5CE916
#FC2D03#ECA413#CFF708#57F807
#E79B18#D0ED12#64E817#18E734
#FE0144#EE4511#E7B018#BDF30C
#E73E18#EDA812#C7F10E#5AE619