#f87858 Color Hex Adventure Island Pink

Information about Adventure Island Pink Color | #0000FF

#f87858 color RGB value is (248,120,88). #f87858 color name is Adventure Island Pink color.

#f87858 hex color red value is 248 , green value is 120 and the blue value of its RGB is 88 . Cylindrical-coordinate representations (also known as HSL) of color #f87858 hue: 12 , saturation: 92 and the lightness value of #f87858 is 66

The process color (four color CMYK) of #f87858 color hex is 0 , 20 ,25, 1 .

#f87858

~Adventure Island Pink

Color Converions

HEX
#f87858
RGB
248,120,88
LAB
66,48,42
CMYK
0,52,65,3
LCH
66,64,41
XYZ
47,34,13
HSV
12,65,97
HSL
12,92,66

Base Numbers

Base Red Green Blue
Binary 11111000 1111000 1011000
Octal 370 170 130
Decimal 248 120 88
Hex f8 78 58

RGB Percentages of Color #f87858

97%
47%
35%

CMYK Percentages of Color #f87858

0%
25%
20%
1%

Color Variations

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

Shades of #f87858

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

10%
#f87858
20%
#df6c4f
30%
#c66046
40%
#ae543e
50%
#954835
60%
#7c3c2c
70%
#633023
80%
#4a241a
90%
#321812
100%
#190c09

Tints of #f87858

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

10%
#f87858
20%
#f98669
30%
#f99379
40%
#faa18a
50%
#fbae9b
60%
#fbbcab
70%
#fcc9bc
80%
#fdd7cd
90%
#fee4de
100%
#fef2ee

Tones of #f87858

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

10%
#f87858
20%
#ec795c
30%
#e07a60
40%
#d47a64
50%
#c87b68
60%
#bc7c6c
70%
#b07c70
80%
#a47d74
90%
#987e78
100%
#8c7f7c

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.
#f87858
#f85878
#f85858
#f87858
#f89858
#f8b858

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f87858
#b8f858
#5878f8

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#f87858
#58f878
#7858f8

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.
#f87858
#88f858
#58d8f8
#c858f8

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#f87858
#23110d
#4e261c
#783a2b
#a34f3a
#cd6349

Blindness simulator

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

Normal

#f87858

protanopia

#ab9c65

deuteranopia

#c29551

tritanopia

#fa737a

achromatopsia

#919191

protanomaly

#c78f60

deuteranomaly

#d58a54

achromatopsia

#919191

tritanomaly

#f9756e

achromatomaly

#b6887c

Contrast Checker

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

White background

Poor 3/21
Hello World ! 3

Black background-color

Good 8/21
Hello World !

#f87858 Color CSS Codes

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

#f87858 Text Font Color

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

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

#f87858 Background Color

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

#f87858 Border Color

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

This div border color is #f87858

#f87858 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #f87858

More Colors

Cascade Beige
#e7dbca
California Stucco
#c5ad9a
Leamington Spa
#a0b7a8
Bravo Blue
#d3e7e9
Pirate's Hook
#b08f42
Bat-Signal
#feff00
Lizard Brown
#795419
Huelveño Horizon
#17a9e5
Gravel Dust
#bab9a9
Pixel Cream
#f7d384
Ermine
#836b4f
Bread and Butter
#faedd2
Greek Olive
#a08650
Lochmara
#316ea0
Colonial Revival Green Stone
#a39b7e
Fulvous
#e48400
Mars Red
#bc2731
Muted Berry
#91788c
Cream
#ffffc2
Green Apple Martini
#d2c785
Plastic Clouds
#f5f0f1
Plaza Pink
#f4c0c3
Flattering Peach
#f4d3b3
Blue Bayberry
#2d5360
Energos
#c0e740
Bit of Berry
#dd5599
Angelic Yellow
#f4dfa7
Pencil Point
#595d61
Flight Time
#a3b8ce
Aloe Nectar
#dfe2c9
Maximum Green Yellow
#d9e650
Mostly Metal
#575e5f
Blue Sabre
#575f6a
Green Column
#465149
Orient Mosaic Green
#7cb8a1
Deco Pink
#f6c2cc
Flour Sack
#b9b297
English Breakfast
#441111
Malibu Blue
#008cc1
Dallas Dust
#ece0d6
rating-img
Rate this tool
NaN/5   0 votes