0 views

#fbf50f - Color Information

#fbf50f

Base Information

HEX

#fbf50f

RGB

251,245,15

HSL

58,97,52

HSV

58,94,98

CMYK

0,2,94,2

LAB

94,-18,91

LCH

94,93,101

XYZ

73,86,13

Web Safe

#ffff00

Web Smart

#ffee11

is dark

luminosity

0.8585

Pantone Color

Combinations

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

#fbf50f

#0F15FB

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

#fbf50f

#0F8BFB

#7F0FFB

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

#fbf50f

#0FFBF5

#F50FFB

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

#fbf50f

#0FFB7F

#0F15FB

#FB0F8B

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

#fbf50f

#0F15FB

#0F8BFB

#7F0FFB

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

#fbf50f

#8BFB0F

#15FB0F

#0FFB7F

Shades

#fbf50f Light Tints

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

#FBF50F

#FBF627

#FCF73F

#FCF857

#FDF96F

#FDFA87

#FDFB9F

#FEFCB7

#FEFDCF

#FFFEE7

#fbf50f Gray Shades

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

#FBF50F

#EFE91A

#E2DE26

#D6D231

#CAC63C

#BEBB48

#B1AF53

#A5A35E

#999769

#8C8C75

#fbf50f Dark Shades

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

#FBF50F

#E2DD0E

#C9C40C

#B0AC0B

#979309

#7E7B08

#646206

#4B4904

#323103

#191801

#fbf50f Red Shades

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

#FBF50F

#FBDD0E

#FCC40C

#FCAC0B

#FD9309

#FD7B08

#FD6206

#FE4904

#FE3103

#FF1801

#fbf50f Green Shades

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

#FBF50F

#E2E90E

#C9DE0C

#B0D20B

#97C609

#7EBB08

#64AF06

#4BA304

#329703

#198C01

#fbf50f Blue Shades

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

#FBF50F

#E2DD27

#C9C43F

#B0AC57

#97936F

#7E7B87

#64629F

#4B49B7

#3231CF

#1918E7

Readability Analysis

#fbf50f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.16	Fail	Sample Text
Black	18.17	AAA	Sample Text
Red	3.46	A	Sample Text
Green	4.45	A	Sample Text
Blue	7.43	AAA	Sample Text

#fbf50f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.16	Fail	Sample Text
Black	18.17	AAA	Sample Text
Red	3.46	A	Sample Text
Green	4.45	A	Sample Text
Blue	7.43	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fef173`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#feef8c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#feed9f`
Protanopia	No red perception - Dichromacy	`#ffeeab`
Deuteranopia	No green perception - Dichromacy	`#ffebd3`
Tritanopia	No blue perception - Dichromacy	`#ffe8f1`
Achromatomaly	Partial color blindness - Monochromacy	`#edeb98`
Achromatopsia	Complete color blindness - Monochromacy	`#e6e6e6`

#fbf50f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fbf50f Light Tints

#fbf50f Gray Shades

#fbf50f Dark Shades

#fbf50f Red Shades

#fbf50f Green Shades

#fbf50f Blue Shades

Readability Analysis

#fbf50f as Text Color

#fbf50f as Background Color

Color Blindness Simulation

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

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

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

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

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

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