0 views

#f7df0f - Color Information

#f7df0f

Base Information

HEX

#f7df0f

RGB

247,223,15

HSL

54,94,51

HSV

54,94,97

CMYK

0,10,94,3

LAB

88,-9,86

LCH

88,87,96

XYZ

65,73,11

Web Safe

#ffcc00

Web Smart

#ffdd11

is dark

luminosity

0.7258

Pantone Color

Combinations

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

#f7df0f

#0F27F7

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

#f7df0f

#0F9BF7

#6B0FF7

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

#f7df0f

#0FF7DF

#DF0FF7

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

#f7df0f

#0FF76B

#0F27F7

#F70F9B

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

#f7df0f

#0F27F7

#0F9BF7

#6B0FF7

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

#f7df0f

#9BF70F

#27F70F

#0FF76B

Shades

#f7df0f Light Tints

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

#F7DF0F

#F8E227

#F9E53F

#F9E957

#FAEC6F

#FBEF87

#FCF29F

#FDF5B7

#FDF9CF

#FEFCE7

#f7df0f Gray Shades

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

#F7DF0F

#EBD61A

#DFCC26

#D3C331

#C7B93C

#BCB048

#B0A653

#A49D5E

#989369

#8C8A75

#f7df0f Dark Shades

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

#F7DF0F

#DEC90E

#C6B20C

#AD9C0B

#948609

#7C7008

#635906

#4A4304

#312D03

#191601

#f7df0f Red Shades

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

#F7DF0F

#F8C90E

#F9B20C

#F99C0B

#FA8609

#FB7008

#FC5906

#FD4304

#FD2D03

#FE1601

#f7df0f Green Shades

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

#F7DF0F

#DED60E

#C6CC0C

#ADC30B

#94B909

#7CB008

#63A606

#4A9D04

#319303

#198A01

#f7df0f Blue Shades

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

#F7DF0F

#DEC927

#C6B23F

#AD9C57

#94866F

#7C7087

#63599F

#4A43B7

#312DCF

#1916E7

Readability Analysis

#f7df0f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.52	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.80	A	Sample Text
Blue	6.35	AA	Sample Text

#f7df0f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.52	AAA	Sample Text
Red	2.95	Fail	Sample Text
Green	3.80	A	Sample Text
Blue	6.35	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f9de13`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcda6a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcd692`
Protanopia	No red perception - Dichromacy	`#fadd16`
Deuteranopia	No green perception - Dichromacy	`#ffd69d`
Tritanopia	No blue perception - Dichromacy	`#ffd1de`
Achromatomaly	Partial color blindness - Monochromacy	`#e1d98d`
Achromatopsia	Complete color blindness - Monochromacy	`#d5d5d5`

#f7df0f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7df0f Light Tints

#f7df0f Gray Shades

#f7df0f Dark Shades

#f7df0f Red Shades

#f7df0f Green Shades

#f7df0f Blue Shades

Readability Analysis

#f7df0f as Text Color

#f7df0f as Background Color

Color Blindness Simulation

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

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

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

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

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

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