0 views

#f1f89f - Color Information

#f1f89f

Base Information

HEX

#f1f89f

RGB

241,248,159

HSL

65,86,80

HSV

65,36,97

CMYK

3,0,36,3

LAB

95,-15,42

LCH

95,45,110

XYZ

76,88,46

Web Safe

#ffff99

Web Smart

#eeff99

is dark

luminosity

0.8834

Pantone Color

Combinations

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

#f1f89f

#A69FF8

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

#f1f89f

#9FC4F8

#D39FF8

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

#f1f89f

#9FF1F8

#F89FF1

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

#f1f89f

#9FF8D3

#A69FF8

#F89FC4

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

#f1f89f

#A69FF8

#9FC4F8

#D39FF8

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

#f1f89f

#C4F89F

#9FF8A6

#9FF8D3

Shades

#f1f89f Light Tints

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

#F1F89F

#F2F9A9

#F4F9B2

#F5FABC

#F7FBC5

#F8FCCF

#F9FCD9

#FBFDE2

#FCFEEC

#FEFEF5

#f1f89f Gray Shades

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

#F1F89F

#E6EC9C

#DAE099

#CFD496

#C4C893

#B9BC90

#ADB08C

#A2A489

#979886

#8B8C83

#f1f89f Dark Shades

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

#F1F89F

#D9DF8F

#C1C67F

#A9AE6F

#91955F

#797C50

#606340

#484A30

#303220

#181910

#f1f89f Red Shades

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

#F1F89F

#F2DF8F

#F4C67F

#F5AE6F

#F7955F

#F87C50

#F96340

#FB4A30

#FC3220

#FE1910

#f1f89f Green Shades

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

#F1F89F

#D9EC8F

#C1E07F

#A9D46F

#91C85F

#79BC50

#60B040

#48A430

#309820

#188C10

#f1f89f Blue Shades

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

#F1F89F

#D9DFA9

#C1C6B2

#A9AEBC

#9195C5

#797CCF

#6063D9

#484AE2

#3032EC

#1819F5

Readability Analysis

#f1f89f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.67	AAA	Sample Text
Red	3.55	A	Sample Text
Green	4.57	AA	Sample Text
Blue	7.64	AAA	Sample Text

#f1f89f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.67	AAA	Sample Text
Red	3.55	A	Sample Text
Green	4.57	AA	Sample Text
Blue	7.64	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#faf4b5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#faf2c8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9f0db`
Protanopia	No red perception - Dichromacy	`#fff1c1`
Deuteranopia	No green perception - Dichromacy	`#ffeee0`
Tritanopia	No blue perception - Dichromacy	`#feecfe`
Achromatomaly	Partial color blindness - Monochromacy	`#f0f3d3`
Achromatopsia	Complete color blindness - Monochromacy	`#f0f0f0`

#f1f89f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f1f89f Light Tints

#f1f89f Gray Shades

#f1f89f Dark Shades

#f1f89f Red Shades

#f1f89f Green Shades

#f1f89f Blue Shades

Readability Analysis

#f1f89f as Text Color

#f1f89f as Background Color

Color Blindness Simulation

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

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

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

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

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

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