#DBC503

Vivid Yellow

HEX

RGB

HSL

About #DBC503 Vivid Yellow

#DBC503 is a vivid yellow color. In the RGB color model, it is composed of 219 red, 197 green, and 3 blue. In the HSL color space, it has a hue of 54°, saturation of 97%, 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 #DBC503 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

54°

Hue

97%

Saturation

44%

Lightness

Vivid Yellow

Color Harmonies

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

Accessibility

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

Aa#DBC503 on White
Contrast Ratio1.75:1
AA AA Large AAA
Aa#DBC503 on Black
Contrast Ratio12:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #DBC503 across different color formats.

FormatValue
HEX#DBC503
RGBrgb(219, 197, 3)
HSLhsl(54, 97%, 44%)
RGB Decimal219, 197, 3
RGB Percent85.9%, 77.3%, 1.2%
CMYK (approx.)0%, 10%, 99%, 14%

Related Palettes

12 palettes using #DBC503 or similar colors

#ECC413#A7EB14#38F00F#0DF256
#E7C118#A9F10E#3BEC13#12ED57
#ECBD13#B3F50A#42EB14#02FD49
#F0CB0F#AAFE01#2EFA05#12ED5B
#F1C40F#E67E22#E74C3C#95A5A6
#2ECC71#27AE60#F1C40F#F39C12
#F1C40F#F39C12#1ABC9C#16A085
#F1C40F#F39C12#E74C3C#C0392B
#F1C40F#F39C12#34495E#2C3E50
#F30CB2#F8073B#E95216#EABC15
#EABC15#AEEC13#43EA15#02FD49
#F1CB0E#AAFE01#2CFD02#0BF459