0 views

#f8c13a - Color Information

#f8c13a

Base Information

HEX

#f8c13a

RGB

248,193,58

HSL

43,93,60

HSV

43,77,97

CMYK

0,22,77,3

LAB

81,7,71

LCH

81,71,84

XYZ

59,58,12

Web Safe

#ffcc33

Web Smart

#ffbb33

is dark

luminosity

0.5840

Pantone Color

Combinations

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

#f8c13a

#3A71F8

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

#f8c13a

#3AD0F8

#623AF8

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

#f8c13a

#3AF8C1

#C13AF8

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

#f8c13a

#3AF862

#3A71F8

#F83AD0

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

#f8c13a

#3A71F8

#3AD0F8

#623AF8

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

#f8c13a

#D0F83A

#71F83A

#3AF862

Shades

#f8c13a Light Tints

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

#F8C13A

#F9C74E

#F9CD61

#FAD475

#FBDA89

#FCE09D

#FCE6B0

#FDECC4

#FEF3D8

#FEF9EB

#f8c13a Gray Shades

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

#F8C13A

#ECBB41

#E0B448

#D4AE4F

#C8A756

#BCA15D

#B09A64

#A4946B

#988D72

#8C8779

#f8c13a Dark Shades

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

#F8C13A

#DFAE34

#C69A2E

#AE8729

#957423

#7C611D

#634D17

#4A3A11

#32270C

#191306

#f8c13a Red Shades

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

#F8C13A

#F9AE34

#F99A2E

#FA8729

#FB7423

#FC611D

#FC4D17

#FD3A11

#FE270C

#FE1306

#f8c13a Green Shades

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

#F8C13A

#DFBB34

#C6B42E

#AEAE29

#95A723

#7CA11D

#639A17

#4A9411

#328D0C

#198706

#f8c13a Blue Shades

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

#F8C13A

#DFAE4E

#C69A61

#AE8775

#957489

#7C619D

#634DB0

#4A3AC4

#3227D8

#1913EB

Readability Analysis

#f8c13a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.68	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.10	A	Sample Text
Blue	5.19	AA	Sample Text

#f8c13a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.68	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.10	A	Sample Text
Blue	5.19	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e9c63d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbbf3c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcb990`
Protanopia	No red perception - Dichromacy	`#e1c83f`
Deuteranopia	No green perception - Dichromacy	`#fdbe3d`
Tritanopia	No blue perception - Dichromacy	`#ffb4c1`
Achromatomaly	Partial color blindness - Monochromacy	`#d6c291`
Achromatopsia	Complete color blindness - Monochromacy	`#c3c3c3`

#f8c13a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8c13a Light Tints

#f8c13a Gray Shades

#f8c13a Dark Shades

#f8c13a Red Shades

#f8c13a Green Shades

#f8c13a Blue Shades

Readability Analysis

#f8c13a as Text Color

#f8c13a as Background Color

Color Blindness Simulation

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

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

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

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

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

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