0 views

#f7bf8b - Color Information

#f7bf8b

Base Information

HEX

#f7bf8b

RGB

247,191,139

HSL

29,87,76

HSV

29,44,97

CMYK

0,23,44,3

LAB

81,14,34

LCH

81,37,68

XYZ

62,59,33

Web Safe

#ffcc99

Web Smart

#ffbb88

is dark

luminosity

0.5890

Pantone Color

Combinations

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

#f7bf8b

#8BC3F7

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

#f7bf8b

#8BF7F5

#8B8DF7

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

#f7bf8b

#8BF7BF

#BF8BF7

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

#f7bf8b

#8DF78B

#8BC3F7

#F58BF7

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

#f7bf8b

#8BC3F7

#8BF7F5

#8B8DF7

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

#f7bf8b

#F7F58B

#C3F78B

#8DF78B

Shades

#f7bf8b Light Tints

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

#F7BF8B

#F8C597

#F9CCA2

#F9D2AE

#FAD9B9

#FBDFC5

#FCE5D1

#FDECDC

#FDF2E8

#FEF9F3

#f7bf8b Gray Shades

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

#F7BF8B

#EBB98A

#DFB289

#D3AC88

#C7A687

#BCA086

#B09984

#A49383

#988D82

#8C8681

#f7bf8b Dark Shades

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

#F7BF8B

#DEAC7D

#C6996F

#AD8661

#947353

#7C6046

#634C38

#4A392A

#31261C

#19130E

#f7bf8b Red Shades

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

#F7BF8B

#F8AC7D

#F9996F

#F98661

#FA7353

#FB6046

#FC4C38

#FD392A

#FD261C

#FE130E

#f7bf8b Green Shades

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

#F7BF8B

#DEB97D

#C6B26F

#ADAC61

#94A653

#7CA046

#639938

#4A932A

#318D1C

#19860E

#f7bf8b Blue Shades

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

#F7BF8B

#DEAC97

#C699A2

#AD86AE

#9473B9

#7C60C5

#634CD1

#4A39DC

#3126E8

#1913F3

Readability Analysis

#f7bf8b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.64	Fail	Sample Text
Black	12.78	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.13	A	Sample Text
Blue	5.23	AA	Sample Text

#f7bf8b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.64	Fail	Sample Text
Black	12.78	AAA	Sample Text
Red	2.43	Fail	Sample Text
Green	3.13	A	Sample Text
Blue	5.23	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e4c58d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f4bf8a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbb9af`
Protanopia	No red perception - Dichromacy	`#d9c88e`
Deuteranopia	No green perception - Dichromacy	`#f2c089`
Tritanopia	No blue perception - Dichromacy	`#fdb6c4`
Achromatomaly	Partial color blindness - Monochromacy	`#d9c4b1`
Achromatopsia	Complete color blindness - Monochromacy	`#c7c7c7`

#f7bf8b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7bf8b Light Tints

#f7bf8b Gray Shades

#f7bf8b Dark Shades

#f7bf8b Red Shades

#f7bf8b Green Shades

#f7bf8b Blue Shades

Readability Analysis

#f7bf8b as Text Color

#f7bf8b as Background Color

Color Blindness Simulation

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

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

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

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

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

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