#bebf84 Color Hex Pavilion

Information about Pavilion Color | #0000FF

#bebf84 color RGB value is (190,191,132). #bebf84 color name is Pavilion color.

#bebf84 hex color red value is 190 , green value is 191 and the blue value of its RGB is 132 . Cylindrical-coordinate representations (also known as HSL) of color #bebf84 hue: 61 , saturation: 32 and the lightness value of #bebf84 is 63

The process color (four color CMYK) of #bebf84 color hex is 0 , 0 ,12, 10 .

#bebf84

~Pavilion

Color Converions

HEX
#bebf84
RGB
190,191,132
LAB
76,-7,30
CMYK
1,0,31,25
LCH
76,31,104
XYZ
44,50,29
HSV
61,31,75
HSL
61,32,63

Base Numbers

Base Red Green Blue
Binary 10111110 10111111 10000100
Octal 276 277 204
Decimal 190 191 132
Hex be bf 84

RGB Percentages of Color #bebf84

75%
75%
52%

CMYK Percentages of Color #bebf84

0%
12%
0%
10%

Color Variations

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

Shades of #bebf84

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

10%
#bebf84
20%
#abac77
30%
#98996a
40%
#85865c
50%
#72734f
60%
#5f5f42
70%
#4c4c35
80%
#393928
90%
#26261a
100%
#13130d

Tints of #bebf84

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

10%
#bebf84
20%
#c5c590
30%
#cbcc9d
40%
#d2d2a9
50%
#d8d9b5
60%
#dfdfc2
70%
#e5e5ce
80%
#ececda
90%
#f2f2e6
100%
#f9f9f3

Tones of #bebf84

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

10%
#bebf84
20%
#b8b984
30%
#b2b283
40%
#abac83
50%
#a5a682
60%
#9f9f82
70%
#989981
80%
#929381
90%
#8c8c80
100%
#868680

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.
#bebf84
#bfa884
#bfb484
#bebf84
#b2bf84
#a6bf84

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#bebf84
#8584bf

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bebf84
#84bf91
#a884bf

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#bebf84
#84bebf
#bf84be

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.
#bebf84
#84bfa2
#8584bf
#bf84a0

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#bebf84
#e8e9a1
#15150f
#3f3f2c
#696a49
#949467

Blindness simulator

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

Normal

#bebf84

protanopia

#c9ba81

deuteranopia

#deb286

tritanopia

#c6b5c3

achromatopsia

#bbbbbb

protanomaly

#c5bc82

deuteranomaly

#d2b786

achromatopsia

#bbbbbb

tritanomaly

#c3b9ac

achromatomaly

#bcbca7

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 11/21
Hello World !

#bebf84 Color CSS Codes

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

#bebf84 Text Font Color

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

This sample text font color is #bebf84
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.

#bebf84 Background Color

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

#bebf84 Border Color

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

This div border color is #bebf84

#bebf84 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #bebf84

More Colors

Blue Zephyr
#5b6676
Façade
#b6a591
Light Pale Tendril
#dbdacb
Mesa Peach
#c19180
North Atlantic
#536d70
Deep Cobalt
#404466
Capricious Purple
#bb00dd
Manga Pink
#f5b9d8
Integra
#405e95
Fatal Fields
#008822
Dressy Rose
#b89d9a
Ficus Elastica
#006131
Bloodthirsty Lips
#c6101e
Cracker Bitz
#d1b088
Cut Velvet
#b391c8
Garden Picket
#e4d195
Belladonna
#220011
Is It Cold
#0022ff
Dark Clove
#4c3d31
Longitude
#add5e4
Athena Blue
#66ddff
Languid Blue
#a4b7bd
Light Sky Chase
#bad7dc
Mount Eden
#e7efe0
Copper Harbor
#d57e52
Pineal Pink
#786d72
Norwegian Blue
#78888e
Picket Fence White
#ebe7db
Enshūcha Red
#cb6649
Festival Fuchsia
#9e2c6a
Caribou
#816d5e
Mango Orange
#ff8b58
Advantageous
#20726a
Dark Granite
#4f443f
Brassy Tint
#d8ab39
Miracle
#898696
Dull Red
#bb3f3f
Pastel Moon Creme
#fff5d9
Ballerina Pink
#f7b6ba
Cane Sugar Glaze
#ddbb99
rating-img
Rate this tool
NaN/5   0 votes