0 views

#f2bc93 - Color Information

#f2bc93

Base Information

HEX

#f2bc93

RGB

242,188,147

HSL

26,79,76

HSV

26,39,95

CMYK

0,22,39,5

LAB

80,14,28

LCH

80,32,63

XYZ

60,57,35

Web Safe

#ffcc99

Web Smart

#eebb99

is dark

luminosity

0.5695

Pantone Color

Combinations

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

#f2bc93

#93C9F2

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

#f2bc93

#93F2EB

#9399F2

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

#f2bc93

#93F2BC

#BC93F2

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

#f2bc93

#9AF293

#93C9F2

#EB93F2

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

#f2bc93

#93C9F2

#93F2EB

#9399F2

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

#f2bc93

#F2EB93

#C9F293

#9AF293

Shades

#f2bc93 Light Tints

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

#F2BC93

#F3C39E

#F5C9A9

#F6D0B3

#F7D7BE

#F9DEC9

#FAE4D4

#FBEBDF

#FCF2E9

#FEF8F4

#f2bc93 Gray Shades

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

#F2BC93

#E7B691

#DBB08F

#D0AA8D

#C4A48B

#B99E8A

#AE9888

#A29286

#978C84

#8B8682

#f2bc93 Dark Shades

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

#F2BC93

#DAA984

#C29676

#A98467

#917158

#795E4A

#614B3B

#49382C

#30261D

#18130F

#f2bc93 Red Shades

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

#F2BC93

#F3A984

#F59676

#F68467

#F77158

#F95E4A

#FA4B3B

#FB382C

#FC261D

#FE130F

#f2bc93 Green Shades

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

#F2BC93

#DAB684

#C2B076

#A9AA67

#91A458

#799E4A

#61983B

#49922C

#308C1D

#18860F

#f2bc93 Blue Shades

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

#F2BC93

#DAA99E

#C296A9

#A984B3

#9171BE

#795EC9

#614BD4

#4938DF

#3026E9

#1813F4

Readability Analysis

#f2bc93 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.39	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

#f2bc93 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.39	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dfc295`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eebd92`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f5b7b1`
Protanopia	No red perception - Dichromacy	`#d4c596`
Deuteranopia	No green perception - Dichromacy	`#ebbd91`
Tritanopia	No blue perception - Dichromacy	`#f7b4c2`
Achromatomaly	Partial color blindness - Monochromacy	`#d5c1b3`
Achromatopsia	Complete color blindness - Monochromacy	`#c5c5c5`

#f2bc93 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f2bc93 Light Tints

#f2bc93 Gray Shades

#f2bc93 Dark Shades

#f2bc93 Red Shades

#f2bc93 Green Shades

#f2bc93 Blue Shades

Readability Analysis

#f2bc93 as Text Color

#f2bc93 as Background Color

Color Blindness Simulation

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

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

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

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

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

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