0 views

#f2e68f - Color Information

#f2e68f

Base Information

HEX

#f2e68f

RGB

242,230,143

HSL

53,79,75

HSV

53,41,95

CMYK

0,5,41,5

LAB

91,-8,44

LCH

91,45,100

XYZ

70,77,37

Web Safe

#ffff99

Web Smart

#eeee88

is dark

luminosity

0.7745

Pantone Color

Combinations

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

#f2e68f

#8F9BF2

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

#f2e68f

#8FCCF2

#B58FF2

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

#f2e68f

#8FF2E6

#E68FF2

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

#f2e68f

#8FF2B5

#8F9BF2

#F28FCC

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

#f2e68f

#8F9BF2

#8FCCF2

#B58FF2

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

#f2e68f

#CCF28F

#9BF28F

#8FF2B5

Shades

#f2e68f Light Tints

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

#F2E68F

#F3E99A

#F5EBA5

#F6EEB1

#F7F0BC

#F9F3C7

#FAF5D2

#FBF8DD

#FCFAE9

#FEFDF4

#f2e68f Gray Shades

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

#F2E68F

#E7DC8E

#DBD28C

#D0C78B

#C4BD89

#B9B388

#AEA986

#A29F85

#979483

#8B8A82

#f2e68f Dark Shades

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

#F2E68F

#DACF81

#C2B872

#A9A164

#918A56

#797348

#615C39

#49452B

#302E1D

#18170E

#f2e68f Red Shades

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

#F2E68F

#F3CF81

#F5B872

#F6A164

#F78A56

#F97348

#FA5C39

#FB452B

#FC2E1D

#FE170E

#f2e68f Green Shades

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

#F2E68F

#DADC81

#C2D272

#A9C764

#91BD56

#79B348

#61A939

#499F2B

#30941D

#188A0E

#f2e68f Blue Shades

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

#F2E68F

#DACF9A

#C2B8A5

#A9A1B1

#918ABC

#7973C7

#615CD2

#4945DD

#302EE9

#1817F4

Readability Analysis

#f2e68f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.27	Fail	Sample Text
Black	16.49	AAA	Sample Text
Red	3.14	A	Sample Text
Green	4.03	A	Sample Text
Blue	6.75	AA	Sample Text

#f2e68f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.27	Fail	Sample Text
Black	16.49	AAA	Sample Text
Red	3.14	A	Sample Text
Green	4.03	A	Sample Text
Blue	6.75	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f6e48e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fae1ac`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9dec9`
Protanopia	No red perception - Dichromacy	`#f9e38d`
Deuteranopia	No green perception - Dichromacy	`#ffdebc`
Tritanopia	No blue perception - Dichromacy	`#fddaea`
Achromatomaly	Partial color blindness - Monochromacy	`#e8e4c4`
Achromatopsia	Complete color blindness - Monochromacy	`#e2e2e2`

#f2e68f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f2e68f Light Tints

#f2e68f Gray Shades

#f2e68f Dark Shades

#f2e68f Red Shades

#f2e68f Green Shades

#f2e68f Blue Shades

Readability Analysis

#f2e68f as Text Color

#f2e68f as Background Color

Color Blindness Simulation

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

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

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

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

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

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