0 views

#f2da3b - Color Information

#f2da3b

Base Information

HEX

#f2da3b

RGB

242,218,59

HSL

52,88,59

HSV

52,76,95

CMYK

0,10,76,5

LAB

87,-8,76

LCH

87,76,96

XYZ

62,69,14

Web Safe

#ffcc33

Web Smart

#eedd33

is dark

luminosity

0.6934

Pantone Color

Combinations

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

#f2da3b

#3B53F2

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

#f2da3b

#3BAEF2

#7F3BF2

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

#f2da3b

#3BF2DA

#DA3BF2

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

#f2da3b

#3BF27F

#3B53F2

#F23BAE

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

#f2da3b

#3B53F2

#3BAEF2

#7F3BF2

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

#f2da3b

#AEF23B

#53F23B

#3BF27F

Shades

#f2da3b Light Tints

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

#F2DA3B

#F3DE4F

#F5E162

#F6E576

#F7E989

#F9ED9D

#FAF0B1

#FBF4C4

#FCF8D8

#FEFBEB

#f2da3b Gray Shades

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

#F2DA3B

#E7D142

#DBC849

#D0BF50

#C4B657

#B9AD5E

#AEA464

#A29B6B

#979272

#8B8979

#f2da3b Dark Shades

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

#F2DA3B

#DAC435

#C2AE2F

#A99929

#918323

#796D1E

#615718

#494112

#302C0C

#181606

#f2da3b Red Shades

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

#F2DA3B

#F3C435

#F5AE2F

#F69929

#F78323

#F96D1E

#FA5718

#FB4112

#FC2C0C

#FE1606

#f2da3b Green Shades

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

#F2DA3B

#DAD135

#C2C82F

#A9BF29

#91B623

#79AD1E

#61A418

#499B12

#30920C

#188906

#f2da3b Blue Shades

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

#F2DA3B

#DAC44F

#C2AE62

#A99976

#918389

#796D9D

#6157B1

#4941C4

#302CD8

#1816EB

Readability Analysis

#f2da3b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.87	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.64	A	Sample Text
Blue	6.08	AA	Sample Text

#f2da3b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.87	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.64	A	Sample Text
Blue	6.08	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f3d93c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fad470`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fad0a0`
Protanopia	No red perception - Dichromacy	`#f3d83d`
Deuteranopia	No green perception - Dichromacy	`#ffd18e`
Tritanopia	No blue perception - Dichromacy	`#ffcada`
Achromatomaly	Partial color blindness - Monochromacy	`#dfd69c`
Achromatopsia	Complete color blindness - Monochromacy	`#d4d4d4`

#f2da3b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f2da3b Light Tints

#f2da3b Gray Shades

#f2da3b Dark Shades

#f2da3b Red Shades

#f2da3b Green Shades

#f2da3b Blue Shades

Readability Analysis

#f2da3b as Text Color

#f2da3b as Background Color

Color Blindness Simulation

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

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

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

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

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

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