0 views

#12dcef - Color Information

#12dcef

Base Information

HEX

#12dcef

RGB

18,220,239

HSL

185,87,50

HSV

185,92,94

CMYK

92,8,0,6

LAB

80,-37,-22

LCH

80,43,211

XYZ

41,58,91

Web Safe

#00ccff

Web Smart

#11ddee

is dark

luminosity

0.5755

Pantone Color

Combinations

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

#12dcef

#EF2512

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

#12dcef

#EF126D

#EF9312

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

#12dcef

#EF12DC

#DCEF12

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

#12dcef

#9312EF

#EF2512

#6DEF12

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

#12dcef

#EF2512

#EF126D

#EF9312

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

#12dcef

#126DEF

#2512EF

#9312EF

Shades

#12dcef Light Tints

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

#12DCEF

#2AE0F1

#41E3F2

#59E7F4

#71EAF5

#89EEF7

#A0F1F9

#B8F5FA

#D0F8FC

#E7FCFD

#12dcef Gray Shades

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

#12DCEF

#1DD3E4

#28CAD9

#33C0CE

#3EB7C3

#49AEB8

#54A5AC

#5F9CA1

#6A9296

#75898B

#12dcef Dark Shades

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

#12DCEF

#10C6D7

#0EB0BF

#0D9AA7

#0B848F

#096E78

#075860

#054248

#042C30

#021618

#12dcef Red Shades

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

#12DCEF

#2AC6D7

#41B0BF

#599AA7

#71848F

#896E78

#A05860

#B84248

#D02C30

#E71618

#12dcef Green Shades

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

#12DCEF

#10D3D7

#0ECABF

#0DC0A7

#0BB78F

#09AE78

#07A560

#059C48

#049230

#028918

#12dcef Blue Shades

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

#12DCEF

#10C6F1

#0EB0F2

#0D9AF4

#0B84F5

#096EF7

#0758F9

#0542FA

#042CFC

#0216FD

Readability Analysis

#12dcef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.51	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.12	AA	Sample Text

#12dcef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.51	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.12	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#82cde6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#81ccf5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#13dcee`
Protanopia	No red perception - Dichromacy	`#c2c5e1`
Deuteranopia	No green perception - Dichromacy	`#c0c2f8`
Tritanopia	No blue perception - Dichromacy	`#14dbed`
Achromatomaly	Partial color blindness - Monochromacy	`#78c2c8`
Achromatopsia	Complete color blindness - Monochromacy	`#b2b2b2`

#12dcef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#12dcef Light Tints

#12dcef Gray Shades

#12dcef Dark Shades

#12dcef Red Shades

#12dcef Green Shades

#12dcef Blue Shades

Readability Analysis

#12dcef as Text Color

#12dcef as Background Color

Color Blindness Simulation

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

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

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

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

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

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