0 views

#f7d11f - Color Information

#f7d11f

Base Information

HEX

#f7d11f

RGB

247,209,31

HSL

49,93,55

HSV

49,87,97

CMYK

0,15,87,3

LAB

85,-2,81

LCH

85,81,91

XYZ

61,65,11

Web Safe

#ffcc33

Web Smart

#ffcc22

is dark

luminosity

0.6547

Pantone Color

Combinations

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

#f7d11f

#1F45F7

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

#f7d11f

#1FB1F7

#651FF7

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

#f7d11f

#1FF7D1

#D11FF7

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

#f7d11f

#1FF765

#1F45F7

#F71FB1

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

#f7d11f

#1F45F7

#1FB1F7

#651FF7

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

#f7d11f

#B1F71F

#45F71F

#1FF765

Shades

#f7d11f Light Tints

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

#F7D11F

#F8D635

#F9DA4C

#F9DF62

#FAE379

#FBE88F

#FCEDA5

#FDF1BC

#FDF6D2

#FEFAE9

#f7d11f Gray Shades

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

#F7D11F

#EBC929

#DFC132

#D3B93C

#C7B146

#BCA950

#B0A059

#A49863

#98906D

#8C8876

#f7d11f Dark Shades

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

#F7D11F

#DEBC1C

#C6A719

#AD9216

#947D13

#7C6910

#63540C

#4A3F09

#312A06

#191503

#f7d11f Red Shades

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

#F7D11F

#F8BC1C

#F9A719

#F99216

#FA7D13

#FB6910

#FC540C

#FD3F09

#FD2A06

#FE1503

#f7d11f Green Shades

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

#F7D11F

#DEC91C

#C6C119

#ADB916

#94B113

#7CA910

#63A00C

#4A9809

#319006

#198803

#f7d11f Blue Shades

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

#F7D11F

#DEBC35

#C6A74C

#AD9262

#947D79

#7C698F

#6354A5

#4A3FBC

#312AD2

#1915E9

Readability Analysis

#f7d11f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.09	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.45	A	Sample Text
Blue	5.77	AA	Sample Text

#f7d11f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.49	Fail	Sample Text
Black	14.09	AAA	Sample Text
Red	2.68	Fail	Sample Text
Green	3.45	A	Sample Text
Blue	5.77	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f1d223`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fccd55`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcc890`
Protanopia	No red perception - Dichromacy	`#eed325`
Deuteranopia	No green perception - Dichromacy	`#ffca74`
Tritanopia	No blue perception - Dichromacy	`#ffc3d0`
Achromatomaly	Partial color blindness - Monochromacy	`#dcce8d`
Achromatopsia	Complete color blindness - Monochromacy	`#cccccc`

#f7d11f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7d11f Light Tints

#f7d11f Gray Shades

#f7d11f Dark Shades

#f7d11f Red Shades

#f7d11f Green Shades

#f7d11f Blue Shades

Readability Analysis

#f7d11f as Text Color

#f7d11f as Background Color

Color Blindness Simulation

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

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

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

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

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

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