0 views

#f4d45f - Color Information

#f4d45f

Base Information

HEX

#f4d45f

RGB

244,212,95

HSL

47,87,66

HSV

47,61,96

CMYK

0,13,61,4

LAB

86,-2,61

LCH

86,61,92

XYZ

63,67,20

Web Safe

#ffcc66

Web Smart

#eecc66

is dark

luminosity

0.6715

Pantone Color

Combinations

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

#f4d45f

#5F7FF4

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

#f4d45f

#5FCAF4

#895FF4

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

#f4d45f

#5FF4D4

#D45FF4

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

#f4d45f

#5FF48A

#5F7FF4

#F45FC9

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

#f4d45f

#5F7FF4

#5FCAF4

#895FF4

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

#f4d45f

#CAF45F

#7FF45F

#5FF48A

Shades

#f4d45f Light Tints

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

#F4D45F

#F5D86F

#F6DD7F

#F7E18F

#F8E59F

#FAEAAF

#FBEEBF

#FCF2CF

#FDF6DF

#FEFBEF

#f4d45f Gray Shades

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

#F4D45F

#E8CC62

#DDC366

#D1BB69

#C6B26C

#BAAA70

#AEA273

#A39976

#979179

#8C887D

#f4d45f Dark Shades

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

#F4D45F

#DCBF56

#C3AA4C

#AB9443

#927F39

#7A6A30

#625526

#49401C

#312A13

#181509

#f4d45f Red Shades

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

#F4D45F

#F5BF56

#F6AA4C

#F79443

#F87F39

#FA6A30

#FB5526

#FC401C

#FD2A13

#FE1509

#f4d45f Green Shades

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

#F4D45F

#DCCC56

#C3C34C

#ABBB43

#92B239

#7AAA30

#62A226

#49991C

#319113

#188809

#f4d45f Blue Shades

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

#F4D45F

#DCBF6F

#C3AA7F

#AB948F

#927F9F

#7A6AAF

#6255BF

#4940CF

#312ADF

#1815EF

Readability Analysis

#f4d45f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.43	AAA	Sample Text
Red	2.75	Fail	Sample Text
Green	3.53	A	Sample Text
Blue	5.90	AA	Sample Text

#f4d45f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.43	AAA	Sample Text
Red	2.75	Fail	Sample Text
Green	3.53	A	Sample Text
Blue	5.90	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f0d560`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbcf78`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbcbaa`
Protanopia	No red perception - Dichromacy	`#edd560`
Deuteranopia	No green perception - Dichromacy	`#ffcd86`
Tritanopia	No blue perception - Dichromacy	`#ffc6d5`
Achromatomaly	Partial color blindness - Monochromacy	`#dfd3a8`
Achromatopsia	Complete color blindness - Monochromacy	`#d2d2d2`

#f4d45f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f4d45f Light Tints

#f4d45f Gray Shades

#f4d45f Dark Shades

#f4d45f Red Shades

#f4d45f Green Shades

#f4d45f Blue Shades

Readability Analysis

#f4d45f as Text Color

#f4d45f as Background Color

Color Blindness Simulation

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

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

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

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

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

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