0 views

#f3d48e - Color Information

#f3d48e

Base Information

HEX

#f3d48e

RGB

243,212,142

HSL

42,81,75

HSV

42,42,95

CMYK

0,13,42,5

LAB

86,2,39

LCH

86,39,88

XYZ

65,68,35

Web Safe

#ffcc99

Web Smart

#eecc88

is dark

luminosity

0.6809

Pantone Color

Combinations

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

#f3d48e

#8EADF3

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

#f3d48e

#8EDFF3

#A28EF3

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

#f3d48e

#8EF3D4

#D48EF3

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

#f3d48e

#8EF3A2

#8EADF3

#F38EDF

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

#f3d48e

#8EADF3

#8EDFF3

#A28EF3

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

#f3d48e

#DFF38E

#ADF38E

#8EF3A2

Shades

#f3d48e Light Tints

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

#F3D48E

#F4D899

#F5DDA5

#F7E1B0

#F8E5BB

#F9EAC7

#FAEED2

#FBF2DD

#FDF6E8

#FEFBF4

#f3d48e Gray Shades

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

#F3D48E

#E8CC8D

#DCC38B

#D1BB8A

#C5B288

#BAAA87

#AEA286

#A39984

#979183

#8C8881

#f3d48e Dark Shades

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

#F3D48E

#DBBF80

#C2AA72

#AA9463

#927F55

#7A6A47

#615539

#49402B

#312A1C

#18150E

#f3d48e Red Shades

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

#F3D48E

#F4BF80

#F5AA72

#F79463

#F87F55

#F96A47

#FA5539

#FB402B

#FD2A1C

#FE150E

#f3d48e Green Shades

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

#F3D48E

#DBCC80

#C2C372

#AABB63

#92B255

#7AAA47

#61A239

#49992B

#31911C

#18880E

#f3d48e Blue Shades

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

#F3D48E

#DBBF99

#C2AAA5

#AA94B0

#927FBB

#7A6AC7

#6155D2

#4940DD

#312AE8

#1815F4

Readability Analysis

#f3d48e as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.62	AAA	Sample Text
Red	2.78	Fail	Sample Text
Green	3.58	A	Sample Text
Blue	5.98	AA	Sample Text

#f3d48e as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.62	AAA	Sample Text
Red	2.78	Fail	Sample Text
Green	3.58	A	Sample Text
Blue	5.98	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#edd58e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbd094`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9cdbd`
Protanopia	No red perception - Dichromacy	`#e9d68e`
Deuteranopia	No green perception - Dichromacy	`#ffce97`
Tritanopia	No blue perception - Dichromacy	`#fcc9d9`
Achromatomaly	Partial color blindness - Monochromacy	`#e0d5bc`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#f3d48e - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f3d48e Light Tints

#f3d48e Gray Shades

#f3d48e Dark Shades

#f3d48e Red Shades

#f3d48e Green Shades

#f3d48e Blue Shades

Readability Analysis

#f3d48e as Text Color

#f3d48e as Background Color

Color Blindness Simulation

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

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

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

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

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

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