0 views

#12e3a8 - Color Information

#12e3a8

Base Information

HEX

#12e3a8

RGB

18,227,168

HSL

163,85,48

HSV

163,92,89

CMYK

92,0,26,11

LAB

81,-59,16

LCH

81,61,165

XYZ

35,58,46

Web Safe

#00cc99

Web Smart

#11ddaa

is dark

luminosity

0.5789

Pantone Color

Combinations

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

#12e3a8

#E3124D

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

#12e3a8

#E312B6

#E33F12

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

#12e3a8

#A812E3

#E3A812

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

#12e3a8

#3F12E3

#E3124D

#B6E312

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

#12e3a8

#E3124D

#E312B6

#E33F12

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

#12e3a8

#12B6E3

#124DE3

#3F12E3

Shades

#12e3a8 Light Tints

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

#12E3A8

#2AE6B1

#41E9B9

#59EBC2

#71EECB

#89F1D4

#A0F4DC

#B8F7E5

#D0F9EE

#E7FCF6

#12e3a8 Gray Shades

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

#12E3A8

#1DD9A4

#28CFA0

#33C59C

#3EBB98

#49B294

#54A890

#5F9E8C

#6A9488

#758A84

#12e3a8 Dark Shades

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

#12E3A8

#10CC97

#0EB686

#0D9F76

#0B8865

#097254

#075B43

#054432

#042D22

#021711

#12e3a8 Red Shades

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

#12E3A8

#2ACC97

#41B686

#599F76

#718865

#897254

#A05B43

#B84432

#D02D22

#E71711

#12e3a8 Green Shades

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

#12E3A8

#10D997

#0ECF86

#0DC576

#0BBB65

#09B254

#07A843

#059E32

#049422

#028A11

#12e3a8 Blue Shades

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

#12E3A8

#10CCB1

#0EB6B9

#0D9FC2

#0B88CB

#0972D4

#075BDC

#0544E5

#042DEE

#0217F6

Readability Analysis

#12e3a8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.58	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.08	A	Sample Text
Blue	5.15	AA	Sample Text

#12e3a8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.58	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.08	A	Sample Text
Blue	5.15	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#8ed19f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#97cdaf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3bddd2`
Protanopia	No red perception - Dichromacy	`#d5c79a`
Deuteranopia	No green perception - Dichromacy	`#e3c0b2`
Tritanopia	No blue perception - Dichromacy	`#52d9ea`
Achromatomaly	Partial color blindness - Monochromacy	`#78c4af`
Achromatopsia	Complete color blindness - Monochromacy	`#b2b2b2`

#12e3a8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#12e3a8 Light Tints

#12e3a8 Gray Shades

#12e3a8 Dark Shades

#12e3a8 Red Shades

#12e3a8 Green Shades

#12e3a8 Blue Shades

Readability Analysis

#12e3a8 as Text Color

#12e3a8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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