Back Home

7 views

#f48cae - Color Information

#f48cae

Base Information

HEX

#f48cae

RGB

244,140,174

HSL

340,83,75

HSV

340,43,96

CMYK

0,43,29,4

LAB

70,43,0

LCH

70,43,359

XYZ

54,41,45

Web Safe

#ff9999

Web Smart

#ee88aa

luminosity

0.4105

is dark color

No

Generate #f48cae solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

#f48cae complementary

Colors that are opposite to each other, forming a contrasting pair.

#f48cae

#8CF4D2

#f48cae splitComplementary

A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#f48cae

#8CF49E

#8CE2F4

#f48cae triadic

Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#f48cae

#AEF48C

#8CAEF4

#f48cae tetradic

Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#f48cae

#E2F48C

#8CF4D2

#9E8CF4

#f48cae analogousComplementary

A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#f48cae

#8CF4D2

#8CF49E

#8CE2F4

#f48cae analogous

Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#f48cae

#F49E8C

#F4D28C

#E2F48C

Shades

#f48cae Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#F48CAE

#F598B6

#F6A3BE

#F7AFC6

#F8BACE

#FAC6D7

#FBD1DF

#FCDDE7

#FDE8EF

#FEF4F7

#f48cae Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#F48CAE

#E88BA9

#DD8AA5

#D188A0

#C6879C

#BA8697

#AE8592

#A3848E

#978289

#8C8185

#f48cae Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#F48CAE

#DC7E9D

#C3708B

#AB627A

#925468

#7A4657

#623846

#492A34

#311C23

#180E11

#f48cae Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#F48CAE

#F57E9D

#F6708B

#F7627A

#F85468

#FA4657

#FB3846

#FC2A34

#FD1C23

#FE0E11

#f48cae Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#F48CAE

#DC8B9D

#C38A8B

#AB887A

#928768

#7A8657

#628546

#498434

#318223

#188111

#f48cae Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#F48CAE

#DC7EB6

#C370BE

#AB62C6

#9254CE

#7A46D7

#6238DF

#492AE7

#311CEF

#180EF7

Readability Analysis

#f48cae as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White2.28Fail
Sample Text
Black9.21AAA
Sample Text
Red1.75Fail
Sample Text
Green2.25Fail
Sample Text
Blue3.77A
Sample Text

#f48cae as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White2.28Fail
Sample Text
Black9.21AAA
Sample Text
Red1.75Fail
Sample Text
Green2.25Fail
Sample Text
Blue3.77A
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#c39eb8
DeuteranomalyGreen weakness - Anomalous trichromacy#d19ca9
TritanomalyBlue weakness - Anomalous trichromacy#f28ea1
ProtanopiaNo red perception - Dichromacy#a7a9bd
DeuteranopiaNo green perception - Dichromacy#bda4a6
TritanopiaNo blue perception - Dichromacy#f28e99
AchromatomalyPartial color blindness - Monochromacy#c19ca8
AchromatopsiaComplete color blindness - Monochromacy#a5a5a5

#f48cae Color Code

NameCode
#f48cae css background color code
.bg { background-color: #f48cae; }
#f48cae css text color code
.text { color: #f48cae; }
#f48cae css border color code
.border { border-color: #f48cae; }