0 views

#fbf93f - Color Information

#fbf93f

Base Information

HEX

#fbf93f

RGB

251,249,63

HSL

59,96,62

HSV

59,75,98

CMYK

0,1,75,2

LAB

95,-19,83

LCH

95,85,103

XYZ

75,89,18

Web Safe

#ffff33

Web Smart

#ffff44

is dark

luminosity

0.8862

Pantone Color

Combinations

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

#fbf93f

#3F41FB

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

#fbf93f

#3F9FFB

#9B3FFB

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

#fbf93f

#3FFBF9

#F93FFB

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

#fbf93f

#3FFB9B

#3F41FB

#FB3F9F

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

#fbf93f

#3F41FB

#3F9FFB

#9B3FFB

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

#fbf93f

#9FFB3F

#41FB3F

#3FFB9B

Shades

#fbf93f Light Tints

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

#FBF93F

#FBFA52

#FCFA65

#FCFB79

#FDFB8C

#FDFC9F

#FDFDB2

#FEFDC5

#FEFED9

#FFFEEC

#fbf93f Gray Shades

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

#FBF93F

#EFED46

#E2E14C

#D6D553

#CAC959

#BEBD60

#B1B066

#A5A46D

#999873

#8C8C7A

#fbf93f Dark Shades

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

#FBF93F

#E2E039

#C9C732

#B0AE2C

#979526

#7E7D20

#646419

#4B4B13

#32320D

#191906

#fbf93f Red Shades

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

#FBF93F

#FBE039

#FCC732

#FCAE2C

#FD9526

#FD7D20

#FD6419

#FE4B13

#FE320D

#FF1906

#fbf93f Green Shades

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

#FBF93F

#E2ED39

#C9E132

#B0D52C

#97C926

#7EBD20

#64B019

#4BA413

#32980D

#198C06

#fbf93f Blue Shades

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

#FBF93F

#E2E052

#C9C765

#B0AE79

#97958C

#7E7D9F

#6464B2

#4B4BC5

#3232D9

#1919EC

Readability Analysis

#fbf93f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.72	AAA	Sample Text
Red	3.57	A	Sample Text
Green	4.58	AA	Sample Text
Blue	7.66	AAA	Sample Text

#fbf93f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.12	Fail	Sample Text
Black	18.72	AAA	Sample Text
Red	3.57	A	Sample Text
Green	4.58	AA	Sample Text
Blue	7.66	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fef491`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fef3a4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fef1b3`
Protanopia	No red perception - Dichromacy	`#fff2c0`
Deuteranopia	No green perception - Dichromacy	`#ffefdd`
Tritanopia	No blue perception - Dichromacy	`#ffedf5`
Achromatomaly	Partial color blindness - Monochromacy	`#f1f1ad`
Achromatopsia	Complete color blindness - Monochromacy	`#ececec`

#fbf93f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fbf93f Light Tints

#fbf93f Gray Shades

#fbf93f Dark Shades

#fbf93f Red Shades

#fbf93f Green Shades

#fbf93f Blue Shades

Readability Analysis

#fbf93f as Text Color

#fbf93f as Background Color

Color Blindness Simulation

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

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

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

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

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

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