0 views

#fbd22c - Color Information

#fbd22c

Base Information

HEX

#fbd22c

RGB

251,210,44

HSL

48,96,58

HSV

48,82,98

CMYK

0,16,82,2

LAB

85,0,79

LCH

85,79,90

XYZ

63,67,12

Web Safe

#ffcc33

Web Smart

#ffcc33

is dark

luminosity

0.6678

Pantone Color

Combinations

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

#fbd22c

#2C55FB

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

#fbd22c

#2CBCFB

#6A2CFB

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

#fbd22c

#2CFBD2

#D22CFB

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

#fbd22c

#2CFB6A

#2C55FB

#FB2CBC

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

#fbd22c

#2C55FB

#2CBCFB

#6A2CFB

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

#fbd22c

#BCFB2C

#55FB2C

#2CFB6A

Shades

#fbd22c Light Tints

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

#FBD22C

#FBD741

#FCDB56

#FCE06B

#FDE480

#FDE996

#FDEDAB

#FEF2C0

#FEF6D5

#FFFBEA

#fbd22c Gray Shades

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

#FBD22C

#EFCA34

#E2C23D

#D6B945

#CAB14E

#BEA956

#B1A15E

#A59967

#99906F

#8C8878

#fbd22c Dark Shades

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

#FBD22C

#E2BD28

#C9A823

#B0931F

#977E1A

#7E6916

#645412

#4B3F0D

#322A09

#191504

#fbd22c Red Shades

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

#FBD22C

#FBBD28

#FCA823

#FC931F

#FD7E1A

#FD6916

#FD5412

#FE3F0D

#FE2A09

#FF1504

#fbd22c Green Shades

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

#FBD22C

#E2CA28

#C9C223

#B0B91F

#97B11A

#7EA916

#64A112

#4B990D

#329009

#198804

#fbd22c Blue Shades

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

#FBD22C

#E2BD41

#C9A856

#B0936B

#977E80

#7E6996

#6454AB

#4B3FC0

#322AD5

#1915EA

Readability Analysis

#fbd22c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.36	AAA	Sample Text
Red	2.73	Fail	Sample Text
Green	3.51	A	Sample Text
Blue	5.87	AA	Sample Text

#fbd22c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.36	AAA	Sample Text
Red	2.73	Fail	Sample Text
Green	3.51	A	Sample Text
Blue	5.87	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f4d42f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fece60`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#feca95`
Protanopia	No red perception - Dichromacy	`#f0d531`
Deuteranopia	No green perception - Dichromacy	`#ffcc7e`
Tritanopia	No blue perception - Dichromacy	`#ffc6d2`
Achromatomaly	Partial color blindness - Monochromacy	`#dfd094`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#fbd22c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fbd22c Light Tints

#fbd22c Gray Shades

#fbd22c Dark Shades

#fbd22c Red Shades

#fbd22c Green Shades

#fbd22c Blue Shades

Readability Analysis

#fbd22c as Text Color

#fbd22c as Background Color

Color Blindness Simulation

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

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

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

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

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

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