0 views

#f4ffa0 - Color Information

#f4ffa0

Base Information

HEX

#f4ffa0

RGB

244,255,160

HSL

67,100,81

HSV

67,37,100

CMYK

4,0,37,0

LAB

97,-18,44

LCH

97,48,112

XYZ

79,93,47

Web Safe

#ffff99

Web Smart

#eeff99

is dark

luminosity

0.9329

Pantone Color

Combinations

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

#f4ffa0

#ABA0FF

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

#f4ffa0

#A0C5FF

#DBA0FF

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

#f4ffa0

#A0F4FF

#FFA0F4

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

#f4ffa0

#A0FFDA

#ABA0FF

#FFA0C4

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

#f4ffa0

#ABA0FF

#A0C5FF

#DBA0FF

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

#f4ffa0

#C5FFA0

#A0FFAB

#A0FFDA

Shades

#f4ffa0 Light Tints

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

#F4FFA0

#F5FFAA

#F6FFB3

#F7FFBD

#F8FFC6

#FAFFD0

#FBFFD9

#FCFFE3

#FDFFEC

#FEFFF6

#f4ffa0 Gray Shades

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

#F4FFA0

#E8F29D

#DDE69A

#D1D996

#C6CC93

#BAC090

#AEB38D

#A3A68A

#979986

#8C8D83

#f4ffa0 Dark Shades

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

#F4FFA0

#DCE690

#C3CC80

#ABB370

#929960

#7A8050

#626640

#494C30

#313320

#181910

#f4ffa0 Red Shades

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

#F4FFA0

#F5E690

#F6CC80

#F7B370

#F89960

#FA8050

#FB6640

#FC4C30

#FD3320

#FE1910

#f4ffa0 Green Shades

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

#F4FFA0

#DCF290

#C3E680

#ABD970

#92CC60

#7AC050

#62B340

#49A630

#319920

#188D10

#f4ffa0 Blue Shades

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

#F4FFA0

#DCE6AA

#C3CCB3

#ABB3BD

#9299C6

#7A80D0

#6266D9

#494CE3

#3133EC

#1819F6

Readability Analysis

#f4ffa0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.07	Fail	Sample Text
Black	19.66	AAA	Sample Text
Red	3.74	A	Sample Text
Green	4.81	AA	Sample Text
Blue	8.04	AAA	Sample Text

#f4ffa0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.07	Fail	Sample Text
Black	19.66	AAA	Sample Text
Red	3.74	A	Sample Text
Green	4.81	AA	Sample Text
Blue	8.04	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbfac7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbf9d1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#faf8dc`
Protanopia	No red perception - Dichromacy	`#fff7de`
Deuteranopia	No green perception - Dichromacy	`#fff6ee`
Tritanopia	No blue perception - Dichromacy	`#fdf4ff`
Achromatomaly	Partial color blindness - Monochromacy	`#f5f9d7`
Achromatopsia	Complete color blindness - Monochromacy	`#f6f6f6`

#f4ffa0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f4ffa0 Light Tints

#f4ffa0 Gray Shades

#f4ffa0 Dark Shades

#f4ffa0 Red Shades

#f4ffa0 Green Shades

#f4ffa0 Blue Shades

Readability Analysis

#f4ffa0 as Text Color

#f4ffa0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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