0 views

#ece31f - Color Information

#ece31f

Base Information

HEX

#ece31f

RGB

236,227,31

HSL

57,84,52

HSV

57,87,93

CMYK

0,4,87,7

LAB

88,-16,84

LCH

88,85,101

XYZ

62,73,12

Web Safe

#ffcc33

Web Smart

#eedd22

is dark

luminosity

0.7287

Pantone Color

Combinations

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

#ece31f

#1F28EC

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

#ece31f

#1F8EEC

#7C1FEC

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

#ece31f

#1FECE3

#E31FEC

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

#ece31f

#1FEC7D

#1F28EC

#EC1F8E

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

#ece31f

#1F28EC

#1F8EEC

#7C1FEC

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

#ece31f

#8EEC1F

#28EC1F

#1FEC7D

Shades

#ece31f Light Tints

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

#ECE31F

#EEE635

#F0E94C

#F2EB62

#F4EE79

#F6F18F

#F7F4A5

#F9F7BC

#FBF9D2

#FDFCE9

#ece31f Gray Shades

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

#ECE31F

#E1D929

#D6CF32

#CCC53C

#C1BB46

#B6B250

#ABA859

#A09E63

#96946D

#8B8A76

#ece31f Dark Shades

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

#ECE31F

#D4CC1C

#BDB619

#A59F16

#8E8813

#767210

#5E5B0C

#474409

#2F2D06

#181703

#ece31f Red Shades

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

#ECE31F

#EECC1C

#F0B619

#F29F16

#F48813

#F67210

#F75B0C

#F94409

#FB2D06

#FD1703

#ece31f Green Shades

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

#ECE31F

#D4D91C

#BDCF19

#A5C516

#8EBB13

#76B210

#5EA80C

#479E09

#2F9406

#188A03

#ece31f Blue Shades

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

#ECE31F

#D4CC35

#BDB64C

#A59F62

#8E8879

#76728F

#5E5BA5

#4744BC

#2F2DD2

#1817E9

Readability Analysis

#ece31f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.57	AAA	Sample Text
Red	2.97	Fail	Sample Text
Green	3.81	A	Sample Text
Blue	6.37	AA	Sample Text

#ece31f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.57	AAA	Sample Text
Red	2.97	Fail	Sample Text
Green	3.81	A	Sample Text
Blue	6.37	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f5df22`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8db70`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f6d89b`
Protanopia	No red perception - Dichromacy	`#fadd23`
Deuteranopia	No green perception - Dichromacy	`#ffd79f`
Tritanopia	No blue perception - Dichromacy	`#fcd2e2`
Achromatomaly	Partial color blindness - Monochromacy	`#dedb94`
Achromatopsia	Complete color blindness - Monochromacy	`#d7d7d7`

#ece31f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ece31f Light Tints

#ece31f Gray Shades

#ece31f Dark Shades

#ece31f Red Shades

#ece31f Green Shades

#ece31f Blue Shades

Readability Analysis

#ece31f as Text Color

#ece31f as Background Color

Color Blindness Simulation

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

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

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

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

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

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