0 views

#f6f84d - Color Information

#f6f84d

Base Information

HEX

#f6f84d

RGB

246,248,77

HSL

61,92,64

HSV

61,69,97

CMYK

1,0,69,3

LAB

95,-20,77

LCH

95,80,105

XYZ

73,87,20

Web Safe

#ffff66

Web Smart

#eeff55

is dark

luminosity

0.8726

Pantone Color

Combinations

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

#f6f84d

#4F4DF8

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

#f6f84d

#4DA0F8

#A44DF8

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

#f6f84d

#4DF6F8

#F84DF6

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

#f6f84d

#4DF8A5

#4F4DF8

#F84DA0

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

#f6f84d

#4F4DF8

#4DA0F8

#A44DF8

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

#f6f84d

#A0F84D

#4DF84F

#4DF8A5

Shades

#f6f84d Light Tints

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

#F6F84D

#F7F95F

#F8F971

#F9FA82

#FAFB94

#FBFCA6

#FBFCB8

#FCFDCA

#FDFEDB

#FEFEED

#f6f84d Gray Shades

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

#F6F84D

#EAEC52

#DEE057

#D3D45C

#C7C861

#BBBC67

#AFB06C

#A3A471

#989876

#8C8C7B

#f6f84d Dark Shades

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

#F6F84D

#DDDF45

#C5C63E

#ACAE36

#94952E

#7B7C27

#62631F

#4A4A17

#31320F

#191908

#f6f84d Red Shades

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

#F6F84D

#F7DF45

#F8C63E

#F9AE36

#FA952E

#FB7C27

#FB631F

#FC4A17

#FD320F

#FE1908

#f6f84d Green Shades

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

#F6F84D

#DDEC45

#C5E03E

#ACD436

#94C82E

#7BBC27

#62B01F

#4AA417

#31980F

#198C08

#f6f84d Blue Shades

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

#F6F84D

#DDDF5F

#C5C671

#ACAE82

#949594

#7B7CA6

#6263B8

#4A4ACA

#3132DB

#1919ED

Readability Analysis

#f6f84d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.14	Fail	Sample Text
Black	18.45	AAA	Sample Text
Red	3.51	A	Sample Text
Green	4.51	AA	Sample Text
Blue	7.55	AAA	Sample Text

#f6f84d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.14	Fail	Sample Text
Black	18.45	AAA	Sample Text
Red	3.51	A	Sample Text
Green	4.51	AA	Sample Text
Blue	7.55	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fcf390`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcf1a6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcefb8`
Protanopia	No red perception - Dichromacy	`#fff0b7`
Deuteranopia	No green perception - Dichromacy	`#ffedd9`
Tritanopia	No blue perception - Dichromacy	`#ffeaf6`
Achromatomaly	Partial color blindness - Monochromacy	`#eff0b2`
Achromatopsia	Complete color blindness - Monochromacy	`#ebebeb`

#f6f84d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f6f84d Light Tints

#f6f84d Gray Shades

#f6f84d Dark Shades

#f6f84d Red Shades

#f6f84d Green Shades

#f6f84d Blue Shades

Readability Analysis

#f6f84d as Text Color

#f6f84d as Background Color

Color Blindness Simulation

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

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

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

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

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

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