0 views

#f8d51a - Color Information

#f8d51a

Base Information

HEX

#f8d51a

RGB

248,213,26

HSL

51,94,54

HSV

51,90,97

CMYK

0,14,90,3

LAB

86,-4,83

LCH

86,83,92

XYZ

63,68,11

Web Safe

#ffcc33

Web Smart

#ffdd22

is dark

luminosity

0.6762

Pantone Color

Combinations

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

#f8d51a

#1A3DF8

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

#f8d51a

#1AACF8

#661AF8

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

#f8d51a

#1AF8D5

#D51AF8

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

#f8d51a

#1AF866

#1A3DF8

#F81AAC

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

#f8d51a

#1A3DF8

#1AACF8

#661AF8

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

#f8d51a

#ACF81A

#3DF81A

#1AF866

Shades

#f8d51a Light Tints

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

#F8D51A

#F9D931

#F9DD48

#FAE25F

#FBE676

#FCEA8D

#FCEEA3

#FDF2BA

#FEF7D1

#FEFBE8

#f8d51a Gray Shades

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

#F8D51A

#ECCD24

#E0C42E

#D4BC39

#C8B343

#BCAB4D

#B0A257

#A49A61

#98916C

#8C8976

#f8d51a Dark Shades

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

#F8D51A

#DFC017

#C6AA15

#AE9512

#958010

#7C6B0D

#63550A

#4A4008

#322B05

#191503

#f8d51a Red Shades

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

#F8D51A

#F9C017

#F9AA15

#FA9512

#FB8010

#FC6B0D

#FC550A

#FD4008

#FE2B05

#FE1503

#f8d51a Green Shades

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

#F8D51A

#DFCD17

#C6C415

#AEBC12

#95B310

#7CAB0D

#63A20A

#4A9A08

#329105

#198903

#f8d51a Blue Shades

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

#F8D51A

#DFC031

#C6AA48

#AE955F

#958076

#7C6B8D

#6355A3

#4A40BA

#322BD1

#1915E8

Readability Analysis

#f8d51a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.52	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.94	AA	Sample Text

#f8d51a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.52	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.94	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f4d61e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcd15c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fccc90`
Protanopia	No red perception - Dichromacy	`#f2d620`
Deuteranopia	No green perception - Dichromacy	`#ffce82`
Tritanopia	No blue perception - Dichromacy	`#ffc7d4`
Achromatomaly	Partial color blindness - Monochromacy	`#ded18d`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#f8d51a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8d51a Light Tints

#f8d51a Gray Shades

#f8d51a Dark Shades

#f8d51a Red Shades

#f8d51a Green Shades

#f8d51a Blue Shades

Readability Analysis

#f8d51a as Text Color

#f8d51a as Background Color

Color Blindness Simulation

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

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

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

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

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

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