0 views

#12ecf1 - Color Information

#12ecf1

Base Information

HEX

#12ecf1

RGB

18,236,241

HSL

181,89,51

HSV

181,93,95

CMYK

93,2,0,5

LAB

85,-43,-16

LCH

85,46,200

XYZ

46,66,94

Web Safe

#00ffff

Web Smart

#11eeee

is dark

luminosity

0.6647

Pantone Color

Combinations

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

#12ecf1

#F11712

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

#12ecf1

#F1127D

#F18612

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

#12ecf1

#F112EC

#ECF112

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

#12ecf1

#8612F1

#F11712

#7DF112

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

#12ecf1

#F11712

#F1127D

#F18612

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

#12ecf1

#127CF1

#1712F1

#8612F1

Shades

#12ecf1 Light Tints

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

#12ECF1

#2AEEF2

#41F0F4

#59F2F5

#71F4F7

#89F6F8

#A0F7F9

#B8F9FB

#D0FBFC

#E7FDFE

#12ecf1 Gray Shades

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

#12ECF1

#1DE1E6

#28D6DA

#33CCCF

#3EC1C4

#49B6B9

#54ABAD

#5FA0A2

#6A9697

#758B8B

#12ecf1 Dark Shades

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

#12ECF1

#10D4D9

#0EBDC1

#0DA5A9

#0B8E91

#097679

#075E60

#054748

#042F30

#021818

#12ecf1 Red Shades

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

#12ECF1

#2AD4D9

#41BDC1

#59A5A9

#718E91

#897679

#A05E60

#B84748

#D02F30

#E71818

#12ecf1 Green Shades

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

#12ECF1

#10E1D9

#0ED6C1

#0DCCA9

#0BC191

#09B679

#07AB60

#05A048

#049630

#028B18

#12ecf1 Blue Shades

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

#12ECF1

#10D4F2

#0EBDF4

#0DA5F5

#0B8EF7

#0976F8

#075EF9

#0547FB

#042FFC

#0218FE

Readability Analysis

#12ecf1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.29	AAA	Sample Text
Red	2.72	Fail	Sample Text
Green	3.50	A	Sample Text
Blue	5.85	AA	Sample Text

#12ecf1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.29	AAA	Sample Text
Red	2.72	Fail	Sample Text
Green	3.50	A	Sample Text
Blue	5.85	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#8ddce8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#8ed9f8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#24eaf8`
Protanopia	No red perception - Dichromacy	`#d3d2e2`
Deuteranopia	No green perception - Dichromacy	`#d5cffb`
Tritanopia	No blue perception - Dichromacy	`#2eeafc`
Achromatomaly	Partial color blindness - Monochromacy	`#7fcfd1`
Achromatopsia	Complete color blindness - Monochromacy	`#bebebe`

#12ecf1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#12ecf1 Light Tints

#12ecf1 Gray Shades

#12ecf1 Dark Shades

#12ecf1 Red Shades

#12ecf1 Green Shades

#12ecf1 Blue Shades

Readability Analysis

#12ecf1 as Text Color

#12ecf1 as Background Color

Color Blindness Simulation

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

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

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

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

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

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