0 views

#f2f99a - Color Information

#f2f99a

Base Information

HEX

#f2f99a

RGB

242,249,154

HSL

64,89,79

HSV

64,38,98

CMYK

3,0,38,2

LAB

96,-16,45

LCH

96,48,110

XYZ

76,89,44

Web Safe

#ffff99

Web Smart

#eeff99

is dark

luminosity

0.8896

Pantone Color

Combinations

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

#f2f99a

#A19AF9

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

#f2f99a

#9AC2F9

#D09AF9

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

#f2f99a

#9AF2F9

#F99AF2

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

#f2f99a

#9AF9D1

#A19AF9

#F99AC3

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

#f2f99a

#A19AF9

#9AC2F9

#D09AF9

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

#f2f99a

#C3F99A

#9AF9A1

#9AF9D1

Shades

#f2f99a Light Tints

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

#F2F99A

#F3FAA4

#F5FAAE

#F6FBB8

#F7FBC2

#F9FCCD

#FAFDD7

#FBFDE1

#FCFEEB

#FEFEF5

#f2f99a Gray Shades

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

#F2F99A

#E7ED97

#DBE195

#D0D592

#C4C990

#B9BD8D

#AEB08A

#A2A488

#979885

#8B8C83

#f2f99a Dark Shades

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

#F2F99A

#DAE08B

#C2C77B

#A9AE6C

#91955C

#797D4D

#61643E

#494B2E

#30321F

#18190F

#f2f99a Red Shades

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

#F2F99A

#F3E08B

#F5C77B

#F6AE6C

#F7955C

#F97D4D

#FA643E

#FB4B2E

#FC321F

#FE190F

#f2f99a Green Shades

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

#F2F99A

#DAED8B

#C2E17B

#A9D56C

#91C95C

#79BD4D

#61B03E

#49A42E

#30981F

#188C0F

#f2f99a Blue Shades

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

#F2F99A

#DAE0A4

#C2C7AE

#A9AEB8

#9195C2

#797DCD

#6164D7

#494BE1

#3032EB

#1819F5

Readability Analysis

#f2f99a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.79	AAA	Sample Text
Red	3.58	A	Sample Text
Green	4.60	AA	Sample Text
Blue	7.69	AAA	Sample Text

#f2f99a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.79	AAA	Sample Text
Red	3.58	A	Sample Text
Green	4.60	AA	Sample Text
Blue	7.69	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#faf4b5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#faf3c7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#faf1da`
Protanopia	No red perception - Dichromacy	`#fff2c5`
Deuteranopia	No green perception - Dichromacy	`#ffefe1`
Tritanopia	No blue perception - Dichromacy	`#ffecfe`
Achromatomaly	Partial color blindness - Monochromacy	`#f1f4d1`
Achromatopsia	Complete color blindness - Monochromacy	`#f1f1f1`

#f2f99a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f2f99a Light Tints

#f2f99a Gray Shades

#f2f99a Dark Shades

#f2f99a Red Shades

#f2f99a Green Shades

#f2f99a Blue Shades

Readability Analysis

#f2f99a as Text Color

#f2f99a as Background Color

Color Blindness Simulation

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

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

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

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

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

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