#DEBA02

Vivid Yellow

HEX

RGB

HSL

About #DEBA02 Vivid Yellow

#DEBA02 is a vivid yellow color. In the RGB color model, it is composed of 222 red, 186 green, and 2 blue. In the HSL color space, it has a hue of 50°, saturation of 98%, and lightness of 44%.

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 #DEBA02 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

50°

Hue

98%

Saturation

44%

Lightness

Vivid Yellow

Color Harmonies

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

Accessibility

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

Aa#DEBA02 on White
Contrast Ratio1.89:1
AA AA Large AAA
Aa#DEBA02 on Black
Contrast Ratio11.13:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #DEBA02 across different color formats.

FormatValue
HEX#DEBA02
RGBrgb(222, 186, 2)
HSLhsl(50, 98%, 44%)
RGB Decimal222, 186, 2
RGB Percent87.1%, 72.9%, 0.8%
CMYK (approx.)0%, 16%, 99%, 13%

Related Palettes

12 palettes using #DEBA02 or similar colors

#ECBD13#B3F50A#42EB14#02FD49
#F30CB2#F8073B#E95216#EABC15
#EABC15#AEEC13#43EA15#02FD49
#F10E4A#FD3C02#F1B40E#C2FC03
#F40BBA#ED1249#E64C19#F3B90C
#E95216#E7BA18#B6FD02#45E718
#EE4811#F4BA0B#B3E619#47F00F
#ECC413#A7EB14#38F00F#0DF256
#EB4614#EAB115#B7E817#48F708
#E64519#EDAF12#BEEE11#4BF807
#EC1351#F23F0D#F2B10D#C3F708
#E6B619#AFE619#48E817#07F847