0 views

#fccd3f - Color Information

#fccd3f

Base Information

HEX

#fccd3f

RGB

252,205,63

HSL

45,97,62

HSV

45,75,99

CMYK

0,19,75,1

LAB

84,3,72

LCH

84,72,87

XYZ

63,65,14

Web Safe

#ffcc33

Web Smart

#ffcc44

is dark

luminosity

0.6472

Pantone Color

Combinations

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

#fccd3f

#3F6EFC

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

#fccd3f

#3FCDFC

#6E3FFC

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

#fccd3f

#3FFCCD

#CD3FFC

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

#fccd3f

#3FFC6E

#3F6EFC

#FC3FCD

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

#fccd3f

#3F6EFC

#3FCDFC

#6E3FFC

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

#fccd3f

#CDFC3F

#6EFC3F

#3FFC6E

Shades

#fccd3f Light Tints

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

#FCCD3F

#FCD252

#FDD765

#FDDC79

#FDE18C

#FEE69F

#FEEBB2

#FEF0C5

#FEF5D9

#FFFAEC

#fccd3f Gray Shades

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

#FCCD3F

#F0C546

#E3BE4C

#D7B653

#CAAE59

#BEA760

#B29F66

#A5976D

#998F73

#8C887A

#fccd3f Dark Shades

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

#FCCD3F

#E3B939

#CAA432

#B0902C

#977B26

#7E6720

#655219

#4C3D13

#32290D

#191406

#fccd3f Red Shades

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

#FCCD3F

#FCB939

#FDA432

#FD902C

#FD7B26

#FE6720

#FE5219

#FE3D13

#FE290D

#FF1406

#fccd3f Green Shades

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

#FCCD3F

#E3C539

#CABE32

#B0B62C

#97AE26

#7EA720

#659F19

#4C9713

#328F0D

#198806

#fccd3f Blue Shades

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

#FCCD3F

#E3B952

#CAA465

#B09079

#977B8C

#7E679F

#6552B2

#4C3DC5

#3229D9

#1914EC

Readability Analysis

#fccd3f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.51	Fail	Sample Text
Black	13.94	AAA	Sample Text
Red	2.65	Fail	Sample Text
Green	3.41	A	Sample Text
Blue	5.71	AA	Sample Text

#fccd3f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.51	Fail	Sample Text
Black	13.94	AAA	Sample Text
Red	2.65	Fail	Sample Text
Green	3.41	A	Sample Text
Blue	5.71	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f2d041`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#feca5f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fec69a`
Protanopia	No red perception - Dichromacy	`#ecd243`
Deuteranopia	No green perception - Dichromacy	`#ffc971`
Tritanopia	No blue perception - Dichromacy	`#ffc2cd`
Achromatomaly	Partial color blindness - Monochromacy	`#decd99`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#fccd3f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fccd3f Light Tints

#fccd3f Gray Shades

#fccd3f Dark Shades

#fccd3f Red Shades

#fccd3f Green Shades

#fccd3f Blue Shades

Readability Analysis

#fccd3f as Text Color

#fccd3f as Background Color

Color Blindness Simulation

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

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

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

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

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

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