#a5d785 Color Hex Feijoa

Information about Feijoa Color | #0000FF

#a5d785 color RGB value is (165,215,133). #a5d785 color name is Feijoa color.

#a5d785 hex color red value is 165 , green value is 215 and the blue value of its RGB is 133 . Cylindrical-coordinate representations (also known as HSL) of color #a5d785 hue: 97 , saturation: 51 and the lightness value of #a5d785 is 68

The process color (four color CMYK) of #a5d785 color hex is 9 , 0 ,15, 6 .

#a5d785

~Feijoa

Color Converions

HEX
#a5d785
RGB
165,215,133
LAB
81,-28,35
CMYK
23,0,38,16
LCH
81,45,128
XYZ
44,58,31
HSV
97,38,84
HSL
97,51,68

Base Numbers

Base Red Green Blue
Binary 10100101 11010111 10000101
Octal 245 327 205
Decimal 165 215 133
Hex a5 d7 85

RGB Percentages of Color #a5d785

65%
84%
52%

CMYK Percentages of Color #a5d785

9%
15%
0%
6%

Color Variations

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

Shades of #a5d785

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

10%
#a5d785
20%
#95c278
30%
#84ac6a
40%
#74965d
50%
#638150
60%
#536b42
70%
#425635
80%
#324028
90%
#212b1b
100%
#11150d

Tints of #a5d785

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

10%
#a5d785
20%
#aedb91
30%
#b7df9d
40%
#c0e3aa
50%
#c9e7b6
60%
#d2ebc2
70%
#dbefce
80%
#e4f3da
90%
#edf7e7
100%
#f6fbf3

Tones of #a5d785

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

10%
#a5d785
20%
#a1ce84
30%
#9ec684
40%
#9abd83
50%
#96b483
60%
#92ab82
70%
#8fa382
80%
#8b9a81
90%
#879181
100%
#838880

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.
#a5d785
#c6d785
#b5d785
#a5d785
#95d785
#85d786

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#a5d785
#85d7c7
#d785c6

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#a5d785
#85a5d7
#d785a5

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.
#a5d785
#85ced7
#b785d7
#d78e85

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#a5d785
#020202
#232d1c
#435736
#648250
#84ac6b

Blindness simulator

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

Normal

#a5d785

protanopia

#dac77f

deuteranopia

#f0bf8b

tritanopia

#b3cbdb

achromatopsia

#c6c6c6

protanomaly

#c7cd81

deuteranomaly

#d5c889

achromatopsia

#c6c6c6

tritanomaly

#aecfbc

achromatomaly

#baccaf

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

#a5d785 Color CSS Codes

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

#a5d785 Text Font Color

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

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

#a5d785 Background Color

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

#a5d785 Border Color

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

This div border color is #a5d785

#a5d785 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #a5d785

More Colors

Pine Nut
#eadac2
Mirage Blue
#636c77
Crocker Grove
#b1a685
Embroidery
#d4bebf
Brandeis Blue
#0070ff
Aquacade
#e1f0ea
Caribbean Splash
#00697c
Lights of Shibuya
#f8f2de
Corral
#61513d
Pani Puri
#f4aa53
Moon Rise
#f4f4e8
Cannon Black
#251706
Frost Bite
#f6f0e5
Almond Truffle
#7d665b
Demonic
#bb2233
Emperor Jewel
#715a8d
Mauveine
#8a6d8b
Kanafeh
#dd8833
Chinese Blue
#365194
Ken Masters Red
#ec2c25
Brick Yellow
#d2a161
Pink Sand
#dfb19b
Light Blue Cloud
#d2d3e1
Laminated Wood
#948c7e
Open Sesame
#f8e2a9
Algerian Coral
#fc5a50
Knarloc Green
#4b5b40
Blue Beauty
#7498bf
Frostbite
#acfffc
Colorful Leaves
#aa5c43
Almost Aloe
#bfe5b1
Goldilocks
#fff39a
Faded Firebrick
#e5d9dc
Marmalade
#c16512
Bright Moon
#f6f1e5
Blue Bauble
#abdee3
Blizzard Blue
#a3e3ed
Cactus Hill
#b1a386
Census
#327a68
rating-img
Rate this tool
NaN/5   0 votes