0 views

#fcca03 - Color Information

#fcca03

Base Information

HEX

#fcca03

RGB

252,202,3

HSL

48,98,50

HSV

48,99,99

CMYK

0,20,99,1

LAB

83,3,84

LCH

83,84,88

XYZ

61,63,9

Web Safe

#ffcc00

Web Smart

#ffcc00

luminosity

0.6294

is dark color

Generate #fcca03 solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#fcca03

#0335FC

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

#fcca03

#03B2FC

#4D03FC

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

#fcca03

#03FCCA

#CA03FC

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

#fcca03

#03FC4D

#0335FC

#FC03B2

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

#fcca03

#0335FC

#03B2FC

#4D03FC

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

#fcca03

#B2FC03

#35FC03

#03FC4D

Shades

#fcca03 Light Tints

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

#FCCA03

#FCCF1C

#FDD535

#FDDA4F

#FDDF68

#FEE581

#FEEA9A

#FEEFB3

#FEF4CD

#FFFAE6

#fcca03 Gray Shades

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

#FCCA03

#F0C30F

#E3BB1C

#D7B429

#CAAC35

#BEA542

#B29E4E

#A5965B

#998F67

#8C8774

#fcca03 Dark Shades

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

#FCCA03

#E3B603

#CAA202

#B08D02

#977902

#7E6502

#655101

#4C3D01

#322801

#191400

#fcca03 Red Shades

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

#FCCA03

#FCB603

#FDA202

#FD8D02

#FD7902

#FE6502

#FE5101

#FE3D01

#FE2801

#FF1400

#fcca03 Green Shades

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

#FCCA03

#E3C303

#CABB02

#B0B402

#97AC02

#7EA502

#659E01

#4C9601

#328F01

#198700

#fcca03 Blue Shades

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

#FCCA03

#E3B61C

#CAA235

#B08D4F

#977968

#7E6581

#65519A

#4C3DB3

#3228CD

#1914E6

Readability Analysis

#fcca03 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.59	AAA	Sample Text
Red	2.59	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.56	AA	Sample Text

#fcca03 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.59	AAA	Sample Text
Red	2.59	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.56	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f1cd0a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fec73d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fec281`
Protanopia	No red perception - Dichromacy	`#eacf0f`
Deuteranopia	No green perception - Dichromacy	`#ffc65f`
Tritanopia	No blue perception - Dichromacy	`#ffbec9`
Achromatomaly	Partial color blindness - Monochromacy	`#dac87f`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#fcca03 Color Code

Name	Code
#fcca03 css background color code	`.bg { background-color: #fcca03; }`
#fcca03 css text color code	`.text { color: #fcca03; }`
#fcca03 css border color code	`.border { border-color: #fcca03; }`

#fcca03 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #fcca03 solid background color

Combinations

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

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

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

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

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

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

Shades

#fcca03 Light Tints

#fcca03 Gray Shades

#fcca03 Dark Shades

#fcca03 Red Shades

#fcca03 Green Shades

#fcca03 Blue Shades

Readability Analysis

#fcca03 as Text Color

#fcca03 as Background Color

Color Blindness Simulation

#fcca03 Color Code

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

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

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

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

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

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