0 views

#f9cf3f - Color Information

#f9cf3f

Base Information

HEX

#f9cf3f

RGB

249,207,63

HSL

46,94,61

HSV

46,75,98

CMYK

0,17,75,2

LAB

85,1,72

LCH

85,72,89

XYZ

62,65,14

Web Safe

#ffcc33

Web Smart

#ffcc44

is dark

luminosity

0.6512

Pantone Color

Combinations

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

#f9cf3f

#3F69F9

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

#f9cf3f

#3FC6F9

#723FF9

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

#f9cf3f

#3FF9CF

#CF3FF9

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

#f9cf3f

#3FF972

#3F69F9

#F93FC6

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

#f9cf3f

#3F69F9

#3FC6F9

#723FF9

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

#f9cf3f

#C6F93F

#69F93F

#3FF972

Shades

#f9cf3f Light Tints

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

#F9CF3F

#FAD452

#FAD965

#FBDD79

#FBE28C

#FCE79F

#FDECB2

#FDF1C5

#FEF5D9

#FEFAEC

#f9cf3f Gray Shades

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

#F9CF3F

#EDC746

#E1BF4C

#D5B753

#C9AF59

#BDA860

#B0A066

#A4986D

#989073

#8C887A

#f9cf3f Dark Shades

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

#F9CF3F

#E0BA39

#C7A632

#AE912C

#957C26

#7D6820

#645319

#4B3E13

#32290D

#191506

#f9cf3f Red Shades

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

#F9CF3F

#FABA39

#FAA632

#FB912C

#FB7C26

#FC6820

#FD5319

#FD3E13

#FE290D

#FE1506

#f9cf3f Green Shades

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

#F9CF3F

#E0C739

#C7BF32

#AEB72C

#95AF26

#7DA820

#64A019

#4B9813

#32900D

#198806

#f9cf3f Blue Shades

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

#F9CF3F

#E0BA52

#C7A665

#AE9179

#957C8C

#7D689F

#6453B2

#4B3EC5

#3229D9

#1915EC

Readability Analysis

#f9cf3f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.50	Fail	Sample Text
Black	14.02	AAA	Sample Text
Red	2.67	Fail	Sample Text
Green	3.43	A	Sample Text
Blue	5.74	AA	Sample Text

#f9cf3f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.50	Fail	Sample Text
Black	14.02	AAA	Sample Text
Red	2.67	Fail	Sample Text
Green	3.43	A	Sample Text
Blue	5.74	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f1d141`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fdcb61`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fdc79b`
Protanopia	No red perception - Dichromacy	`#ecd242`
Deuteranopia	No green perception - Dichromacy	`#ffc974`
Tritanopia	No blue perception - Dichromacy	`#ffc2cf`
Achromatomaly	Partial color blindness - Monochromacy	`#ddce9a`
Achromatopsia	Complete color blindness - Monochromacy	`#cecece`

#f9cf3f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f9cf3f Light Tints

#f9cf3f Gray Shades

#f9cf3f Dark Shades

#f9cf3f Red Shades

#f9cf3f Green Shades

#f9cf3f Blue Shades

Readability Analysis

#f9cf3f as Text Color

#f9cf3f as Background Color

Color Blindness Simulation

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

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

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

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

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

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