0 views

#f8da2b - Color Information

#f8da2b

Base Information

HEX

#f8da2b

RGB

248,218,43

HSL

51,94,57

HSV

51,83,97

CMYK

0,12,83,3

LAB

87,-6,81

LCH

87,81,94

XYZ

64,70,12

Web Safe

#ffcc33

Web Smart

#ffdd33

is dark

luminosity

0.7027

Pantone Color

Combinations

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

#f8da2b

#2B49F8

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

#f8da2b

#2BAFF8

#742BF8

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

#f8da2b

#2BF8DA

#DA2BF8

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

#f8da2b

#2BF874

#2B49F8

#F82BAF

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

#f8da2b

#2B49F8

#2BAFF8

#742BF8

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

#f8da2b

#AFF82B

#49F82B

#2BF874

Shades

#f8da2b Light Tints

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

#F8DA2B

#F9DE40

#F9E155

#FAE56B

#FBE980

#FCED95

#FCF0AA

#FDF4BF

#FEF8D5

#FEFBEA

#f8da2b Gray Shades

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

#F8DA2B

#ECD134

#E0C83C

#D4BF45

#C8B64D

#BCAD56

#B0A45E

#A49B67

#98926F

#8C8978

#f8da2b Dark Shades

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

#F8DA2B

#DFC427

#C6AE22

#AE991E

#95831A

#7C6D16

#635711

#4A410D

#322C09

#191604

#f8da2b Red Shades

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

#F8DA2B

#F9C427

#F9AE22

#FA991E

#FB831A

#FC6D16

#FC5711

#FD410D

#FE2C09

#FE1604

#f8da2b Green Shades

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

#F8DA2B

#DFD127

#C6C822

#AEBF1E

#95B61A

#7CAD16

#63A411

#4A9B0D

#329209

#198904

#f8da2b Blue Shades

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

#F8DA2B

#DFC440

#C6AE55

#AE996B

#958380

#7C6D95

#6357AA

#4A41BF

#322CD5

#1916EA

Readability Analysis

#f8da2b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.05	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.68	A	Sample Text
Blue	6.16	AA	Sample Text

#f8da2b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.05	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.68	A	Sample Text
Blue	6.16	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f7da2e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcd56d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcd19a`
Protanopia	No red perception - Dichromacy	`#f6da2f`
Deuteranopia	No green perception - Dichromacy	`#ffd292`
Tritanopia	No blue perception - Dichromacy	`#ffccd9`
Achromatomaly	Partial color blindness - Monochromacy	`#e1d696`
Achromatopsia	Complete color blindness - Monochromacy	`#d4d4d4`

#f8da2b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8da2b Light Tints

#f8da2b Gray Shades

#f8da2b Dark Shades

#f8da2b Red Shades

#f8da2b Green Shades

#f8da2b Blue Shades

Readability Analysis

#f8da2b as Text Color

#f8da2b as Background Color

Color Blindness Simulation

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

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

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

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

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

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