0 views

#12daf8 - Color Information

#12daf8

Base Information

HEX

#12daf8

RGB

18,218,248

HSL

188,94,52

HSV

188,93,97

CMYK

93,12,0,3

LAB

80,-33,-27

LCH

80,43,219

XYZ

42,57,98

Web Safe

#00ccff

Web Smart

#11ddff

is dark

luminosity

0.5705

Pantone Color

Combinations

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

#12daf8

#F83012

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

#12daf8

#F81267

#F8A312

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

#12daf8

#F812DA

#DAF812

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

#12daf8

#A312F8

#F83012

#67F812

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

#12daf8

#F83012

#F81267

#F8A312

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

#12daf8

#1267F8

#3012F8

#A312F8

Shades

#12daf8 Light Tints

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

#12DAF8

#2ADEF9

#41E1F9

#59E5FA

#71E9FB

#89EDFC

#A0F0FC

#B8F4FD

#D0F8FE

#E7FBFE

#12daf8 Gray Shades

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

#12DAF8

#1DD1EC

#28C8E0

#33BFD4

#3EB6C8

#49ADBC

#54A4B0

#5F9BA4

#6A9298

#75898C

#12daf8 Dark Shades

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

#12DAF8

#10C4DF

#0EAEC6

#0D99AE

#0B8395

#096D7C

#075763

#05414A

#042C32

#021619

#12daf8 Red Shades

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

#12DAF8

#2AC4DF

#41AEC6

#5999AE

#718395

#896D7C

#A05763

#B8414A

#D02C32

#E71619

#12daf8 Green Shades

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

#12DAF8

#10D1DF

#0EC8C6

#0DBFAE

#0BB695

#09AD7C

#07A463

#059B4A

#049232

#028919

#12daf8 Blue Shades

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

#12DAF8

#10C4F9

#0EAEF9

#0D99FA

#0B83FB

#096DFC

#0757FC

#0541FD

#042CFE

#0216FE

Readability Analysis

#12daf8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.41	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.04	A	Sample Text
Blue	5.08	AA	Sample Text

#12daf8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.41	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.04	A	Sample Text
Blue	5.08	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#7fccef`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#7ccbfc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#07daf0`
Protanopia	No red perception - Dichromacy	`#bdc4ea`
Deuteranopia	No green perception - Dichromacy	`#b9c2ff`
Tritanopia	No blue perception - Dichromacy	`#00dbec`
Achromatomaly	Partial color blindness - Monochromacy	`#78c0cb`
Achromatopsia	Complete color blindness - Monochromacy	`#b2b2b2`

#12daf8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#12daf8 Light Tints

#12daf8 Gray Shades

#12daf8 Dark Shades

#12daf8 Red Shades

#12daf8 Green Shades

#12daf8 Blue Shades

Readability Analysis

#12daf8 as Text Color

#12daf8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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