Back Home

0 views

#faf546 - Color Information

#faf546

Base Information

HEX

#faf546

RGB

250,245,70

HSL

58,95,63

HSV

58,72,98

CMYK

0,2,72,2

LAB

94,-17,79

LCH

94,81,102

XYZ

73,86,19

Web Safe

#ffff33

Web Smart

#ffee44

luminosity

0.8607

is dark color

No

Generate #faf546 solid background color

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

Combinations

#faf546 complementary

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

#faf546

#464BFA

#faf546 splitComplementary

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

#faf546

#46A5FA

#9B46FA

#faf546 triadic

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

#faf546

#46FAF5

#F546FA

#faf546 tetradic

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

#faf546

#46FA9B

#464BFA

#FA46A5

#faf546 analogousComplementary

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

#faf546

#464BFA

#46A5FA

#9B46FA

#faf546 analogous

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

#faf546

#A5FA46

#4BFA46

#46FA9B

Shades

#faf546 Light Tints

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

#FAF546

#FBF659

#FBF76B

#FCF87E

#FCF990

#FDFAA3

#FDFBB5

#FEFCC8

#FEFDDA

#FFFEED

#faf546 Gray Shades

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

#FAF546

#EEE94C

#E2DE52

#D5D257

#C9C65D

#BDBB63

#B1AF69

#A5A36F

#989774

#8C8C7A

#faf546 Dark Shades

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

#FAF546

#E1DD3F

#C8C438

#AFAC31

#96932A

#7D7B23

#64621C

#4B4915

#32310E

#191807

#faf546 Red Shades

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

#FAF546

#FBDD3F

#FBC438

#FCAC31

#FC932A

#FD7B23

#FD621C

#FE4915

#FE310E

#FF1807

#faf546 Green Shades

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

#FAF546

#E1E93F

#C8DE38

#AFD231

#96C62A

#7DBB23

#64AF1C

#4BA315

#32970E

#198C07

#faf546 Blue Shades

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

#FAF546

#E1DD59

#C8C46B

#AFAC7E

#969390

#7D7BA3

#6462B5

#4B49C8

#3231DA

#1918ED

Readability Analysis

#faf546 as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White1.15Fail
Sample Text
Black18.21AAA
Sample Text
Red3.47A
Sample Text
Green4.46A
Sample Text
Blue7.45AAA
Sample Text

#faf546 as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White1.15Fail
Sample Text
Black18.21AAA
Sample Text
Red3.47A
Sample Text
Green4.46A
Sample Text
Blue7.45AAA
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#fdf188
DeuteranomalyGreen weakness - Anomalous trichromacy#fdefa1
TritanomalyBlue weakness - Anomalous trichromacy#fdedb4
ProtanopiaNo red perception - Dichromacy#ffeeae
DeuteranopiaNo green perception - Dichromacy#ffebd5
TritanopiaNo blue perception - Dichromacy#ffe8f2
AchromatomalyPartial color blindness - Monochromacy#efeeae
AchromatopsiaComplete color blindness - Monochromacy#e9e9e9

#faf546 Color Code

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