0 views

#f7c33c - Color Information

#f7c33c

Base Information

HEX

#f7c33c

RGB

247,195,60

HSL

43,92,60

HSV

43,76,97

CMYK

0,21,76,3

LAB

81,6,70

LCH

81,71,85

XYZ

59,59,13

Web Safe

#ffcc33

Web Smart

#ffbb44

is dark

luminosity

0.5913

Pantone Color

Combinations

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

#f7c33c

#3C70F7

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

#f7c33c

#3CCDF7

#653CF7

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

#f7c33c

#3CF7C3

#C33CF7

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

#f7c33c

#3CF765

#3C70F7

#F73CCD

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

#f7c33c

#3C70F7

#3CCDF7

#653CF7

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

#f7c33c

#CDF73C

#70F73C

#3CF765

Shades

#f7c33c Light Tints

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

#F7C33C

#F8C950

#F9CF63

#F9D577

#FADB8A

#FBE19E

#FCE7B1

#FDEDC5

#FDF3D8

#FEF9EC

#f7c33c Gray Shades

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

#F7C33C

#EBBC43

#DFB64A

#D3AF50

#C7A857

#BCA25E

#B09B65

#A4946C

#988D72

#8C8779

#f7c33c Dark Shades

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

#F7C33C

#DEB036

#C69C30

#AD892A

#947524

#7C621E

#634E18

#4A3A12

#31270C

#191306

#f7c33c Red Shades

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

#F7C33C

#F8B036

#F99C30

#F9892A

#FA7524

#FB621E

#FC4E18

#FD3A12

#FD270C

#FE1306

#f7c33c Green Shades

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

#F7C33C

#DEBC36

#C6B630

#ADAF2A

#94A824

#7CA21E

#639B18

#4A9412

#318D0C

#198706

#f7c33c Blue Shades

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

#F7C33C

#DEB050

#C69C63

#AD8977

#94758A

#7C629E

#634EB1

#4A3AC5

#3127D8

#1913EC

Readability Analysis

#f7c33c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.64	Fail	Sample Text
Black	12.83	AAA	Sample Text
Red	2.44	Fail	Sample Text
Green	3.14	A	Sample Text
Blue	5.25	AA	Sample Text

#f7c33c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.64	Fail	Sample Text
Black	12.83	AAA	Sample Text
Red	2.44	Fail	Sample Text
Green	3.14	A	Sample Text
Blue	5.25	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eac73f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbc03e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcba92`
Protanopia	No red perception - Dichromacy	`#e2c940`
Deuteranopia	No green perception - Dichromacy	`#febf40`
Tritanopia	No blue perception - Dichromacy	`#ffb6c3`
Achromatomaly	Partial color blindness - Monochromacy	`#d7c493`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#f7c33c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7c33c Light Tints

#f7c33c Gray Shades

#f7c33c Dark Shades

#f7c33c Red Shades

#f7c33c Green Shades

#f7c33c Blue Shades

Readability Analysis

#f7c33c as Text Color

#f7c33c as Background Color

Color Blindness Simulation

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

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

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

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

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

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