0 views

#f3c55a - Color Information

#f3c55a

Base Information

HEX

#f3c55a

RGB

243,197,90

HSL

42,86,65

HSV

42,63,95

CMYK

0,19,63,5

LAB

82,5,58

LCH

82,59,85

XYZ

59,60,18

Web Safe

#ffcc66

Web Smart

#eecc55

is dark

luminosity

0.5973

Pantone Color

Combinations

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

#f3c55a

#5A88F3

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

#f3c55a

#5AD4F3

#795AF3

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

#f3c55a

#5AF3C5

#C55AF3

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

#f3c55a

#5AF379

#5A88F3

#F35AD4

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

#f3c55a

#5A88F3

#5AD4F3

#795AF3

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

#f3c55a

#D4F35A

#88F35A

#5AF379

Shades

#f3c55a Light Tints

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

#F3C55A

#F4CB6B

#F5D17B

#F7D68C

#F8DC9C

#F9E2AD

#FAE8BD

#FBEECE

#FDF3DE

#FEF9EF

#f3c55a Gray Shades

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

#F3C55A

#E8BE5E

#DCB762

#D1B065

#C5A969

#BAA36D

#AE9C71

#A39575

#978E78

#8C877C

#f3c55a Dark Shades

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

#F3C55A

#DBB151

#C29E48

#AA8A3F

#927636

#7A632D

#614F24

#493B1B

#312712

#181409

#f3c55a Red Shades

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

#F3C55A

#F4B151

#F59E48

#F78A3F

#F87636

#F9632D

#FA4F24

#FB3B1B

#FD2712

#FE1409

#f3c55a Green Shades

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

#F3C55A

#DBBE51

#C2B748

#AAB03F

#92A936

#7AA32D

#619C24

#49951B

#318E12

#188709

#f3c55a Blue Shades

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

#F3C55A

#DBB16B

#C29E7B

#AA8A8C

#92769C

#7A63AD

#614FBD

#493BCE

#3127DE

#1814EF

Readability Analysis

#f3c55a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.95	AAA	Sample Text
Red	2.46	Fail	Sample Text
Green	3.17	A	Sample Text
Blue	5.30	AA	Sample Text

#f3c55a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.95	AAA	Sample Text
Red	2.46	Fail	Sample Text
Green	3.17	A	Sample Text
Blue	5.30	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7c85b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f9c25b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9bd9f`
Protanopia	No red perception - Dichromacy	`#e1ca5c`
Deuteranopia	No green perception - Dichromacy	`#fcc05c`
Tritanopia	No blue perception - Dichromacy	`#fdb8c6`
Achromatomaly	Partial color blindness - Monochromacy	`#d7c69f`
Achromatopsia	Complete color blindness - Monochromacy	`#c7c7c7`

#f3c55a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f3c55a Light Tints

#f3c55a Gray Shades

#f3c55a Dark Shades

#f3c55a Red Shades

#f3c55a Green Shades

#f3c55a Blue Shades

Readability Analysis

#f3c55a as Text Color

#f3c55a as Background Color

Color Blindness Simulation

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

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

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

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

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

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