0 views

#f7f81d - Color Information

#f7f81d

Base Information

HEX

#f7f81d

RGB

247,248,29

HSL

60,94,54

HSV

60,88,97

CMYK

0,0,88,3

LAB

95,-21,90

LCH

95,92,103

XYZ

72,87,14

Web Safe

#ffff33

Web Smart

#ffff22

is dark

luminosity

0.8700

Pantone Color

Combinations

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

#f7f81d

#1E1DF8

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

#f7f81d

#1D8AF8

#8B1DF8

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

#f7f81d

#1DF7F8

#F81DF7

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

#f7f81d

#1DF88C

#1E1DF8

#F81D8A

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

#f7f81d

#1E1DF8

#1D8AF8

#8B1DF8

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

#f7f81d

#8AF81D

#1DF81E

#1DF88C

Shades

#f7f81d Light Tints

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

#F7F81D

#F8F934

#F9F94A

#F9FA61

#FAFB77

#FBFC8E

#FCFCA5

#FDFDBB

#FDFED2

#FEFEE8

#f7f81d Gray Shades

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

#F7F81D

#EBEC27

#DFE031

#D3D43B

#C7C845

#BCBC4F

#B0B058

#A4A462

#98986C

#8C8C76

#f7f81d Dark Shades

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

#F7F81D

#DEDF1A

#C6C617

#ADAE14

#949511

#7C7C0F

#63630C

#4A4A09

#313206

#191903

#f7f81d Red Shades

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

#F7F81D

#F8DF1A

#F9C617

#F9AE14

#FA9511

#FB7C0F

#FC630C

#FD4A09

#FD3206

#FE1903

#f7f81d Green Shades

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

#F7F81D

#DEEC1A

#C6E017

#ADD414

#94C811

#7CBC0F

#63B00C

#4AA409

#319806

#198C03

#f7f81d Blue Shades

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

#F7F81D

#DEDF34

#C6C64A

#ADAE61

#949577

#7C7C8E

#6363A5

#4A4ABB

#3132D2

#1919E8

Readability Analysis

#f7f81d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.14	Fail	Sample Text
Black	18.40	AAA	Sample Text
Red	3.50	A	Sample Text
Green	4.50	AA	Sample Text
Blue	7.53	AAA	Sample Text

#f7f81d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.14	Fail	Sample Text
Black	18.40	AAA	Sample Text
Red	3.50	A	Sample Text
Green	4.50	AA	Sample Text
Blue	7.53	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fcf37d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcf194`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcefa6`
Protanopia	No red perception - Dichromacy	`#fff0b4`
Deuteranopia	No green perception - Dichromacy	`#ffedd7`
Tritanopia	No blue perception - Dichromacy	`#ffeaf4`
Achromatomaly	Partial color blindness - Monochromacy	`#edee9e`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#f7f81d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7f81d Light Tints

#f7f81d Gray Shades

#f7f81d Dark Shades

#f7f81d Red Shades

#f7f81d Green Shades

#f7f81d Blue Shades

Readability Analysis

#f7f81d as Text Color

#f7f81d as Background Color

Color Blindness Simulation

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

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

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

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

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

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