0 views

#f7be3f - Color Information

#f7be3f

Base Information

HEX

#f7be3f

RGB

247,190,63

HSL

41,92,61

HSV

41,74,97

CMYK

0,23,74,3

LAB

80,9,68

LCH

80,69,83

XYZ

58,57,13

Web Safe

#ffcc33

Web Smart

#ffbb44

is dark

luminosity

0.5696

Pantone Color

Combinations

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

#f7be3f

#3F78F7

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

#f7be3f

#3FD4F7

#623FF7

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

#f7be3f

#3FF7BE

#BE3FF7

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

#f7be3f

#3FF762

#3F78F7

#F73FD4

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

#f7be3f

#3F78F7

#3FD4F7

#623FF7

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

#f7be3f

#D4F73F

#78F73F

#3FF762

Shades

#f7be3f Light Tints

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

#F7BE3F

#F8C552

#F9CB65

#F9D279

#FAD88C

#FBDF9F

#FCE5B2

#FDECC5

#FDF2D9

#FEF9EC

#f7be3f Gray Shades

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

#F7BE3F

#EBB846

#DFB24C

#D3AB53

#C7A559

#BC9F60

#B09966

#A4936D

#988C73

#8C867A

#f7be3f Dark Shades

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

#F7BE3F

#DEAB39

#C69832

#AD852C

#947226

#7C5F20

#634C19

#4A3913

#31260D

#191306

#f7be3f Red Shades

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

#F7BE3F

#F8AB39

#F99832

#F9852C

#FA7226

#FB5F20

#FC4C19

#FD3913

#FD260D

#FE1306

#f7be3f Green Shades

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

#F7BE3F

#DEB839

#C6B232

#ADAB2C

#94A526

#7C9F20

#639919

#4A9313

#318C0D

#198606

#f7be3f Blue Shades

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

#F7BE3F

#DEAB52

#C69865

#AD8579

#94728C

#7C5F9F

#634CB2

#4A39C5

#3126D9

#1913EC

Readability Analysis

#f7be3f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.39	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

#f7be3f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.39	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7c342`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f9bc41`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcb690`
Protanopia	No red perception - Dichromacy	`#dec643`
Deuteranopia	No green perception - Dichromacy	`#f9bb42`
Tritanopia	No blue perception - Dichromacy	`#ffb1be`
Achromatomaly	Partial color blindness - Monochromacy	`#d5c092`
Achromatopsia	Complete color blindness - Monochromacy	`#c1c1c1`

#f7be3f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7be3f Light Tints

#f7be3f Gray Shades

#f7be3f Dark Shades

#f7be3f Red Shades

#f7be3f Green Shades

#f7be3f Blue Shades

Readability Analysis

#f7be3f as Text Color

#f7be3f as Background Color

Color Blindness Simulation

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

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

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

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

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

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