0 views

#f7f06b - Color Information

#f7f06b

Base Information

HEX

#f7f06b

RGB

247,240,107

HSL

57,90,69

HSV

57,57,97

CMYK

0,3,57,3

LAB

93,-14,64

LCH

93,65,102

XYZ

72,83,26

Web Safe

#ffff66

Web Smart

#ffee66

is dark

luminosity

0.8316

Pantone Color

Combinations

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

#f7f06b

#6B72F7

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

#f7f06b

#6BB8F7

#AA6BF7

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

#f7f06b

#6BF7F0

#F06BF7

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

#f7f06b

#6BF7AA

#6B72F7

#F76BB8

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

#f7f06b

#6B72F7

#6BB8F7

#AA6BF7

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

#f7f06b

#B8F76B

#72F76B

#6BF7AA

Shades

#f7f06b Light Tints

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

#F7F06B

#F8F27A

#F9F389

#F9F597

#FAF6A6

#FBF8B5

#FCF9C4

#FDFBD3

#FDFCE1

#FEFEF0

#f7f06b Gray Shades

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

#F7F06B

#EBE56D

#DFDA6F

#D3CE71

#C7C373

#BCB876

#B0AD78

#A4A27A

#98967C

#8C8B7E

#f7f06b Dark Shades

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

#F7F06B

#DED860

#C6C056

#ADA84B

#949040

#7C7836

#63602B

#4A4820

#313015

#19180B

#f7f06b Red Shades

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

#F7F06B

#F8D860

#F9C056

#F9A84B

#FA9040

#FB7836

#FC602B

#FD4820

#FD3015

#FE180B

#f7f06b Green Shades

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

#F7F06B

#DEE560

#C6DA56

#ADCE4B

#94C340

#7CB836

#63AD2B

#4AA220

#319615

#198B0B

#f7f06b Blue Shades

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

#F7F06B

#DED87A

#C6C089

#ADA897

#9490A6

#7C78B5

#6360C4

#4A48D3

#3130E1

#1918F0

Readability Analysis

#f7f06b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.63	AAA	Sample Text
Red	3.36	A	Sample Text
Green	4.31	A	Sample Text
Blue	7.21	AAA	Sample Text

#f7f06b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.63	AAA	Sample Text
Red	3.36	A	Sample Text
Green	4.31	A	Sample Text
Blue	7.21	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fced87`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fceaa9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fce8c0`
Protanopia	No red perception - Dichromacy	`#ffeb98`
Deuteranopia	No green perception - Dichromacy	`#ffe7cc`
Tritanopia	No blue perception - Dichromacy	`#ffe3f0`
Achromatomaly	Partial color blindness - Monochromacy	`#edebba`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#f7f06b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7f06b Light Tints

#f7f06b Gray Shades

#f7f06b Dark Shades

#f7f06b Red Shades

#f7f06b Green Shades

#f7f06b Blue Shades

Readability Analysis

#f7f06b as Text Color

#f7f06b as Background Color

Color Blindness Simulation

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

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

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

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

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

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