0 views

#f0e30f - Color Information

#f0e30f

Base Information

HEX

#f0e30f

RGB

240,227,15

HSL

57,88,50

HSV

57,94,94

CMYK

0,5,94,6

LAB

89,-14,87

LCH

89,88,99

XYZ

63,74,11

Web Safe

#ffcc00

Web Smart

#eedd11

is dark

luminosity

0.7350

Pantone Color

Combinations

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

#f0e30f

#0F1CF0

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

#f0e30f

#0F8DF0

#720FF0

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

#f0e30f

#0FF0E3

#E30FF0

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

#f0e30f

#0FF072

#0F1CF0

#F00F8D

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

#f0e30f

#0F1CF0

#0F8DF0

#720FF0

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

#f0e30f

#8DF00F

#1CF00F

#0FF072

Shades

#f0e30f Light Tints

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

#F0E30F

#F2E627

#F3E93F

#F5EB57

#F6EE6F

#F8F187

#F9F49F

#FBF7B7

#FCF9CF

#FEFCE7

#f0e30f Gray Shades

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

#F0E30F

#E5D91A

#DACF26

#CEC531

#C3BB3C

#B8B248

#ADA853

#A29E5E

#969469

#8B8A75

#f0e30f Dark Shades

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

#F0E30F

#D8CC0E

#C0B60C

#A89F0B

#908809

#787208

#605B06

#484404

#302D03

#181701

#f0e30f Red Shades

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

#F0E30F

#F2CC0E

#F3B60C

#F59F0B

#F68809

#F87208

#F95B06

#FB4404

#FC2D03

#FE1701

#f0e30f Green Shades

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

#F0E30F

#D8D90E

#C0CF0C

#A8C50B

#90BB09

#78B208

#60A806

#489E04

#309403

#188A01

#f0e30f Blue Shades

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

#F0E30F

#D8CC27

#C0B63F

#A89F57

#90886F

#787287

#605B9F

#4844B7

#302DCF

#1817E7

Readability Analysis

#f0e30f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.70	AAA	Sample Text
Red	2.99	Fail	Sample Text
Green	3.84	A	Sample Text
Blue	6.42	AA	Sample Text

#f0e30f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.70	AAA	Sample Text
Red	2.99	Fail	Sample Text
Green	3.84	A	Sample Text
Blue	6.42	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f7e013`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fadc6c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fad895`
Protanopia	No red perception - Dichromacy	`#fbde15`
Deuteranopia	No green perception - Dichromacy	`#ffd8a2`
Tritanopia	No blue perception - Dichromacy	`#ffd2e2`
Achromatomaly	Partial color blindness - Monochromacy	`#e0db8e`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#f0e30f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0e30f Light Tints

#f0e30f Gray Shades

#f0e30f Dark Shades

#f0e30f Red Shades

#f0e30f Green Shades

#f0e30f Blue Shades

Readability Analysis

#f0e30f as Text Color

#f0e30f as Background Color

Color Blindness Simulation

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

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

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

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

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

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