#ffff02 Hex Color

The RBG values of the #ffff02 hex color are 255 (red), 255 (blue), and 2 (green). While the HSL values of #ffff02 are 0.17 (hue), 0.98 (saturation), and 0.5 (lightness).

The CMYK values of #ffff02 are 0 (cyan), 0 (magenta), 0.99 (yellow), and 0 (black).


#ffff02 Color Spaces Conversions

This are the conversions of #ffff02 to the different color spaces.

Hexadecimal

ffff02

CIE-Lab

97.14, -21.5415, 94.3461

RGB

255, 255, 2

CIE-Lch

97.14, 96.774, 102.8615

HSL

0.17, 0.98, 0.5

CIE-Luv

97.14, 7.6972, 106.7086

HSV

0.17, 0.99, 1

Hunter-Lab

96.3247, -25.8585, 58.8668

CMYK

0, 0, 0.99, 0

XYZ

77.011, 92.7844, 13.9077

Binary

11111111, 11111111, 10

YXY

92.7844, 0.4192, 0.5051

#ffff02 Color Schemes

This are some of the common color schemes used in web design for the #ffff02 hex color.

#ffff02 Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #ffff02 to #1c1c00.

#ffff02 Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #ffff02 to #ffffe8.

#ffff02 Similar Hex Colors



#ffff02 Style Preview

Font Color

#ffff02 Font Color
style='color:#ffff02;'

Background Color

#ffff02 Background Color
style='background:#ffff02;'

Border Color

#ffff02 Border Color
style='border:2px solid #ffff02;'

Text Shadow

#ffff02 Text Shadow
style='text-shadow: 4px 4px 2px #ffff02;'

Shades Gradient

#ffff02 Shades Gradient
style='background: -moz-linear-gradient(top, #ffff02, #1c1c00); background: -webkit-linear-gradient(top, #ffff02, #1c1c00); background: -o-linear-gradient(top, #ffff02, #1c1c00); background: -ms-linear-gradient(top, #ffff02, #1c1c00); background: linear-gradient(top, #ffff02, #1c1c00);'

Tints Gradient

#ffff02 Tints Gradient
style='background: -moz-linear-gradient(top, #ffff02, #ffffe8); background: -webkit-linear-gradient(top, #ffff02, #ffffe8); background: -o-linear-gradient(top, #ffff02, #ffffe8); background: -ms-linear-gradient(top, #ffff02, #ffffe8); background: linear-gradient(top, #ffff02, #ffffe8);'