0 views

#f2d55f - Color Information

#f2d55f

Base Information

HEX

#f2d55f

RGB

242,213,95

HSL

48,85,66

HSV

48,61,95

CMYK

0,12,61,5

LAB

86,-3,61

LCH

86,61,93

XYZ

62,67,21

Web Safe

#ffcc66

Web Smart

#eedd66

is dark

luminosity

0.6729

Pantone Color

Combinations

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

#f2d55f

#5F7CF2

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

#f2d55f

#5FC5F2

#8C5FF2

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

#f2d55f

#5FF2D5

#D55FF2

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

#f2d55f

#5FF28C

#5F7CF2

#F25FC5

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

#f2d55f

#5F7CF2

#5FC5F2

#8C5FF2

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

#f2d55f

#C5F25F

#7CF25F

#5FF28C

Shades

#f2d55f Light Tints

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

#F2D55F

#F3D96F

#F5DD7F

#F6E28F

#F7E69F

#F9EAAF

#FAEEBF

#FBF2CF

#FCF7DF

#FEFBEF

#f2d55f Gray Shades

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

#F2D55F

#E7CD62

#DBC466

#D0BC69

#C4B36C

#B9AB70

#AEA273

#A29A76

#979179

#8B897D

#f2d55f Dark Shades

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

#F2D55F

#DAC056

#C2AA4C

#A99543

#918039

#796B30

#615526

#49401C

#302B13

#181509

#f2d55f Red Shades

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

#F2D55F

#F3C056

#F5AA4C

#F69543

#F78039

#F96B30

#FA5526

#FB401C

#FC2B13

#FE1509

#f2d55f Green Shades

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

#F2D55F

#DACD56

#C2C44C

#A9BC43

#91B339

#79AB30

#61A226

#499A1C

#309113

#188909

#f2d55f Blue Shades

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

#F2D55F

#DAC06F

#C2AA7F

#A9958F

#91809F

#796BAF

#6155BF

#4940CF

#302BDF

#1815EF

Readability Analysis

#f2d55f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.46	AAA	Sample Text
Red	2.75	Fail	Sample Text
Green	3.54	A	Sample Text
Blue	5.92	AA	Sample Text

#f2d55f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.46	AAA	Sample Text
Red	2.75	Fail	Sample Text
Green	3.54	A	Sample Text
Blue	5.92	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#efd55f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fad078`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9ccab`
Protanopia	No red perception - Dichromacy	`#eed560`
Deuteranopia	No green perception - Dichromacy	`#ffcd87`
Tritanopia	No blue perception - Dichromacy	`#fec7d6`
Achromatomaly	Partial color blindness - Monochromacy	`#ded4a9`
Achromatopsia	Complete color blindness - Monochromacy	`#d3d3d3`

#f2d55f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#f2d55f complementaryColors that are opposite to each other, forming a contrasting pair.

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

#f2d55f triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

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

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

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

Shades

#f2d55f Light Tints

#f2d55f Gray Shades

#f2d55f Dark Shades

#f2d55f Red Shades

#f2d55f Green Shades

#f2d55f Blue Shades

Readability Analysis

#f2d55f as Text Color

#f2d55f as Background Color

Color Blindness Simulation

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

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

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

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

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

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