0 views

#f8c40b - Color Information

#f8c40b

Base Information

HEX

#f8c40b

RGB

248,196,11

HSL

47,94,51

HSV

47,96,97

CMYK

0,21,96,3

LAB

82,5,82

LCH

82,82,87

XYZ

59,59,9

Web Safe

#ffcc00

Web Smart

#ffcc11

is dark

luminosity

0.5946

Pantone Color

Combinations

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

#f8c40b

#0B3FF8

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

#f8c40b

#0BB5F8

#4D0BF8

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

#f8c40b

#0BF8C4

#C40BF8

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

#f8c40b

#0BF84E

#0B3FF8

#F80BB5

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

#f8c40b

#0B3FF8

#0BB5F8

#4D0BF8

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

#f8c40b

#B5F80B

#3FF80B

#0BF84E

Shades

#f8c40b Light Tints

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

#F8C40B

#F9CA23

#F9D03C

#FAD654

#FBDC6D

#FCE285

#FCE79D

#FDEDB6

#FEF3CE

#FEF9E7

#f8c40b Gray Shades

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

#F8C40B

#ECBD17

#E0B622

#D4B02E

#C8A93A

#BCA246

#B09B51

#A4945D

#988E69

#8C8774

#f8c40b Dark Shades

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

#F8C40B

#DFB00A

#C69D09

#AE8908

#957607

#7C6206

#634E04

#4A3B03

#322702

#191401

#f8c40b Red Shades

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

#F8C40B

#F9B00A

#F99D09

#FA8908

#FB7607

#FC6206

#FC4E04

#FD3B03

#FE2702

#FE1401

#f8c40b Green Shades

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

#F8C40B

#DFBD0A

#C6B609

#AEB008

#95A907

#7CA206

#639B04

#4A9403

#328E02

#198701

#f8c40b Blue Shades

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

#F8C40B

#DFB023

#C69D3C

#AE8954

#95766D

#7C6285

#634E9D

#4A3BB6

#3227CE

#1914E7

Readability Analysis

#f8c40b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.89	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.15	A	Sample Text
Blue	5.27	AA	Sample Text

#f8c40b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.63	Fail	Sample Text
Black	12.89	AAA	Sample Text
Red	2.45	Fail	Sample Text
Green	3.15	A	Sample Text
Blue	5.27	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ebc812`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcc125`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcbb80`
Protanopia	No red perception - Dichromacy	`#e4ca16`
Deuteranopia	No green perception - Dichromacy	`#ffbf34`
Tritanopia	No blue perception - Dichromacy	`#ffb6c3`
Achromatomaly	Partial color blindness - Monochromacy	`#d5c37f`
Achromatopsia	Complete color blindness - Monochromacy	`#c2c2c2`

#f8c40b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8c40b Light Tints

#f8c40b Gray Shades

#f8c40b Dark Shades

#f8c40b Red Shades

#f8c40b Green Shades

#f8c40b Blue Shades

Readability Analysis

#f8c40b as Text Color

#f8c40b as Background Color

Color Blindness Simulation

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

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

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

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

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

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