0 views

#ffcf3c - Color Information

#ffcf3c

Base Information

HEX

#ffcf3c

RGB

255,207,60

HSL

45,100,62

HSV

45,76,100

CMYK

0,19,76,0

LAB

85,3,74

LCH

85,74,87

XYZ

64,66,14

Web Safe

#ffcc33

Web Smart

#ffcc44

is dark

luminosity

0.6621

Pantone Color

Combinations

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

#ffcf3c

#3C6CFF

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

#ffcf3c

#3CCEFF

#6E3CFF

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

#ffcf3c

#3CFFCF

#CF3CFF

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

#ffcf3c

#3CFF6E

#3C6CFF

#FF3CCD

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

#ffcf3c

#3C6CFF

#3CCEFF

#6E3CFF

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

#ffcf3c

#CEFF3C

#6CFF3C

#3CFF6E

Shades

#ffcf3c Light Tints

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

#FFCF3C

#FFD450

#FFD963

#FFDD77

#FFE28A

#FFE79E

#FFECB1

#FFF1C5

#FFF5D8

#FFFAEC

#ffcf3c Gray Shades

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

#FFCF3C

#F2C743

#E6BF4A

#D9B750

#CCAF57

#C0A85E

#B3A065

#A6986C

#999072

#8D8879

#ffcf3c Dark Shades

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

#FFCF3C

#E6BA36

#CCA630

#B3912A

#997C24

#80681E

#665318

#4C3E12

#33290C

#191506

#ffcf3c Red Shades

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

#FFCF3C

#FFBA36

#FFA630

#FF912A

#FF7C24

#FF681E

#FF5318

#FF3E12

#FF290C

#FF1506

#ffcf3c Green Shades

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

#FFCF3C

#E6C736

#CCBF30

#B3B72A

#99AF24

#80A81E

#66A018

#4C9812

#33900C

#198806

#ffcf3c Blue Shades

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

#FFCF3C

#E6BA50

#CCA663

#B39177

#997C8A

#80689E

#6653B1

#4C3EC5

#3329D8

#1915EC

Readability Analysis

#ffcf3c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.24	AAA	Sample Text
Red	2.71	Fail	Sample Text
Green	3.48	A	Sample Text
Blue	5.83	AA	Sample Text

#ffcf3c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.24	AAA	Sample Text
Red	2.71	Fail	Sample Text
Green	3.48	A	Sample Text
Blue	5.83	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f4d23e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ffcd64`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ffc89a`
Protanopia	No red perception - Dichromacy	`#eed440`
Deuteranopia	No green perception - Dichromacy	`#ffcb7b`
Tritanopia	No blue perception - Dichromacy	`#ffc5d0`
Achromatomaly	Partial color blindness - Monochromacy	`#e0cf99`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#ffcf3c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ffcf3c Light Tints

#ffcf3c Gray Shades

#ffcf3c Dark Shades

#ffcf3c Red Shades

#ffcf3c Green Shades

#ffcf3c Blue Shades

Readability Analysis

#ffcf3c as Text Color

#ffcf3c as Background Color

Color Blindness Simulation

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

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

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

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

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

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