#ffbb33 Color Hex Buddha's Love Handles

Information about Buddha's Love Handles Color | #0000FF

#ffbb33 color RGB value is (255,187,51). #ffbb33 color name is Buddha's Love Handles color.

#ffbb33 hex color red value is 255 , green value is 187 and the blue value of its RGB is 51 . Cylindrical-coordinate representations (also known as HSL) of color #ffbb33 hue: 40 , saturation: 100 and the lightness value of #ffbb33 is 60

The process color (four color CMYK) of #ffbb33 color hex is 0 , 10 ,31, 0 .

#ffbb33

~Buddha's Love Handles

Color Converions

HEX
#ffbb33
RGB
255,187,51
LAB
81,17,73
CMYK
0,27,80,0
LCH
81,75,77
XYZ
60,57,11
HSV
40,80,100
HSL
40,100,60

Base Numbers

Base Red Green Blue
Binary 11111111 10111011 110011
Octal 377 273 63
Decimal 255 187 51
Hex ff bb 33

RGB Percentages of Color #ffbb33

100%
73%
20%

CMYK Percentages of Color #ffbb33

0%
31%
10%
0%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #ffbb33

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#ffbb33
20%
#e6a82e
30%
#cc9629
40%
#b38324
50%
#99701f
60%
#805d1a
70%
#664b14
80%
#4d380f
90%
#33250a
100%
#1a1305

Tints of #ffbb33

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#ffbb33
20%
#ffc247
30%
#ffc95c
40%
#ffcf70
50%
#ffd685
60%
#ffdd99
70%
#ffe4ad
80%
#ffebc2
90%
#fff1d6
100%
#fff8eb

Tones of #ffbb33

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#ffbb33
20%
#f2b53b
30%
#e5af42
40%
#d9a94a
50%
#cca352
60%
#bf9d59
70%
#b29761
80%
#a69169
90%
#998b70
100%
#8c8578

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#ffbb33
#ff6933
#ff9233
#ffbb33
#ffe433
#f1ff33

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#ffbb33
#3377ff

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ffbb33
#4eff33
#6933ff

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ffbb33
#33ffbb
#bb33ff

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#ffbb33
#33ff55
#3377ff
#ff33dd

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#ffbb33
#2a1f08
#553e11
#805d19
#aa7d22
#d49c2a

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#ffbb33

protanopia

#dfc639

deuteranopia

#fbbb35

tritanopia

#ffb1bc

achromatopsia

#c0c0c0

protanomaly

#eac237

deuteranomaly

#fcbb34

achromatopsia

#c0c0c0

tritanomaly

#ffb58a

achromatomaly

#d7be8d

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 12/21
Hello World !

#ffbb33 Color CSS Codes

.bgcolor {background-color:#ffbb33; } 
.forecolor {color:#ffbb33; }
.bordercolor {border:3px solid #ffbb33; }
            

#ffbb33 Text Font Color

<div style="color:#ffbb33">
Div content here</div>

This sample text font color is #ffbb33
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#ffbb33 Background Color

<div style="background-color:#ffbb33">
Div content here</div>
Div content here

#ffbb33 Border Color

<div style="border:3px solid #ffbb33">
Div here</div>

This div border color is #ffbb33

#ffbb33 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #ffbb33; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #ffbb33; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #ffbb33;
  -webkit-box-shadow: 1px 1px 3px 2px #ffbb33;
  box-shadow: 1px 1px 3px 2px #ffbb33; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #ffbb33">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #ffbb33;
              -webkit-box-shadow: 1px 1px 3px 2px #ffbb33;
              box-shadow:         1px 1px 3px 2px #ffbb33#ffbb33">
Div content here</div>

This div box has shadow with color #ffbb33

More Colors

Play Time
#b39ba9
Dried Lilac
#bbbbff
Icy Glacier
#d4eae1
Brown Velvet
#704e40
Light Radar
#c6d5ea
Lost Love
#e5d7d4
Kangaroo
#c5c3b0
Colusa Wetlands
#7f725c
Pink Tint
#dbcbbd
Alpine Green
#005f56
Champagne Pink
#f1ddcf
Flirt
#7a2e4d
Mamie Pink
#ee82ee
Basil Smash
#b7e1a1
Boy Red
#b3111d
Piccadilly Grey
#625d5d
Lavender Rose
#fba0e3
Alpaca Wool
#f9ede2
Ballad
#cab6c6
Havana Coffee
#554941
French Diamond
#597191
Forgotten Sandstone
#afa696
Brain Pink
#f2aeb1
Arctic Dusk
#735b6a
Iced Copper
#d0ae9a
Lemon Verbena
#f3e779
Mellow Melon
#ee2266
Morning Glory Pink
#ca99b7
Birdie Num Num
#89acda
Decency
#bfb5ca
Loud Lime
#88ff22
Hammered Pewter
#7e7567
Muted Clay
#d29380
Cleo's Bath
#00507f
Lockhart
#be9aa2
Denver River
#7795c1
Campground
#d0a569
Pomegranate Tea
#ab6f73
Heirloom Quilt
#ab979a
Agrellan Badland
#ffb347
rating-img
Rate this tool
NaN/5   0 votes