0 views

#fbf78c - Color Information

#fbf78c

Base Information

HEX

#fbf78c

RGB

251,247,140

HSL

58,93,77

HSV

58,44,98

CMYK

0,2,44,2

LAB

96,-13,52

LCH

96,53,104

XYZ

78,89,38

Web Safe

#ffff99

Web Smart

#ffff88

is dark

luminosity

0.8892

Pantone Color

Combinations

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

#fbf78c

#8C90FB

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

#fbf78c

#8CC7FB

#C08CFB

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

#fbf78c

#8CFBF7

#F78CFB

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

#fbf78c

#8CFBC0

#8C90FB

#FB8CC7

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

#fbf78c

#8C90FB

#8CC7FB

#C08CFB

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

#fbf78c

#C7FB8C

#90FB8C

#8CFBC0

Shades

#fbf78c Light Tints

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

#FBF78C

#FBF898

#FCF9A3

#FCF9AF

#FDFABA

#FDFBC6

#FDFCD1

#FEFDDD

#FEFDE8

#FFFEF4

#fbf78c Gray Shades

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

#FBF78C

#EFEB8B

#E2DF8A

#D6D388

#CAC787

#BEBC86

#B1B085

#A5A484

#999882

#8C8C81

#fbf78c Dark Shades

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

#FBF78C

#E2DE7E

#C9C670

#B0AD62

#979454

#7E7C46

#646338

#4B4A2A

#32311C

#19190E

#fbf78c Red Shades

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

#FBF78C

#FBDE7E

#FCC670

#FCAD62

#FD9454

#FD7C46

#FD6338

#FE4A2A

#FE311C

#FF190E

#fbf78c Green Shades

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

#FBF78C

#E2EB7E

#C9DF70

#B0D362

#97C754

#7EBC46

#64B038

#4BA42A

#32981C

#198C0E

#fbf78c Blue Shades

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

#FBF78C

#E2DE98

#C9C6A3

#B0ADAF

#9794BA

#7E7CC6

#6463D1

#4B4ADD

#3231E8

#1919F4

Readability Analysis

#fbf78c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.78	AAA	Sample Text
Red	3.58	A	Sample Text
Green	4.60	AA	Sample Text
Blue	7.69	AAA	Sample Text

#fbf78c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.78	AAA	Sample Text
Red	3.58	A	Sample Text
Green	4.60	AA	Sample Text
Blue	7.69	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fef4b0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fef2c2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fef1d0`
Protanopia	No red perception - Dichromacy	`#fff2c4`
Deuteranopia	No green perception - Dichromacy	`#ffefe0`
Tritanopia	No blue perception - Dichromacy	`#ffedf7`
Achromatomaly	Partial color blindness - Monochromacy	`#f4f3cc`
Achromatopsia	Complete color blindness - Monochromacy	`#f0f0f0`

#fbf78c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fbf78c Light Tints

#fbf78c Gray Shades

#fbf78c Dark Shades

#fbf78c Red Shades

#fbf78c Green Shades

#fbf78c Blue Shades

Readability Analysis

#fbf78c as Text Color

#fbf78c as Background Color

Color Blindness Simulation

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

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

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

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

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

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