Hex Color #FBDA27 - Custom Color

Color Codes

HEX

#FBDA27

RGB

rgb(251, 218, 39)

HSL

hsl(51, 96%, 57%)

CMYK

cmyk(0%, 13%, 84%, 2%)

HSV

hsv(51, 84%, 98%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#FB7228 #FBDB28 #B1FB28

Triadic

#FBDB28 #28FBDB #DB28FB

Split Complementary

#FBDB28 #28B1FB #7228FB

Tetradic (Square)

#FBDB28 #28FB72 #2848FB #FB28B1

Complementary

#FBDA27 #2848FB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.39:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.16:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #FBDA27;

color: #FBDA27;

border-color: #FBDA27;

}

Tailwind CSS (with arbitrary values)

bg-[#FBDA27]

text-[#FBDA27]

border-[#FBDA27]

// Example usage: