0 views

#12e5f2 - Color Information

#12e5f2

Base Information

HEX

#12e5f2

RGB

18,229,242

HSL

183,90,51

HSV

183,93,95

CMYK

93,5,0,5

LAB

83,-40,-19

LCH

83,44,206

XYZ

44,63,94

Web Safe

#00ccff

Web Smart

#11ddee

is dark

luminosity

0.6258

Pantone Color

Combinations

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

#12e5f2

#F21F12

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

#12e5f2

#F21275

#F28F12

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

#12e5f2

#F212E5

#E5F212

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

#12e5f2

#8F12F2

#F21F12

#75F212

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

#12e5f2

#F21F12

#F21275

#F28F12

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

#12e5f2

#1275F2

#1F12F2

#8F12F2

Shades

#12e5f2 Light Tints

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

#12E5F2

#2AE8F3

#41EAF5

#59EDF6

#71EFF7

#89F2F9

#A0F5FA

#B8F7FB

#D0FAFC

#E7FCFE

#12e5f2 Gray Shades

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

#12E5F2

#1DDBE7

#28D1DB

#33C7D0

#3EBDC4

#49B3B9

#54A8AE

#5F9EA2

#6A9497

#758A8B

#12e5f2 Dark Shades

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

#12E5F2

#10CEDA

#0EB7C2

#0DA0A9

#0B8991

#097379

#075C61

#054549

#042E30

#021718

#12e5f2 Red Shades

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

#12E5F2

#2ACEDA

#41B7C2

#59A0A9

#718991

#897379

#A05C61

#B84549

#D02E30

#E71718

#12e5f2 Green Shades

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

#12E5F2

#10DBDA

#0ED1C2

#0DC7A9

#0BBD91

#09B379

#07A861

#059E49

#049430

#028A18

#12e5f2 Blue Shades

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

#12E5F2

#10CEF3

#0EB7F5

#0DA0F6

#0B89F7

#0973F9

#075CFA

#0545FB

#042EFC

#0217FE

Readability Analysis

#12e5f2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.52	AAA	Sample Text
Red	2.57	Fail	Sample Text
Green	3.31	A	Sample Text
Blue	5.53	AA	Sample Text

#12e5f2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.52	AAA	Sample Text
Red	2.57	Fail	Sample Text
Green	3.31	A	Sample Text
Blue	5.53	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#88d5e9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#88d4f8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1ce4f4`
Protanopia	No red perception - Dichromacy	`#cbcde4`
Deuteranopia	No green perception - Dichromacy	`#cbcafc`
Tritanopia	No blue perception - Dichromacy	`#22e4f6`
Achromatomaly	Partial color blindness - Monochromacy	`#7cc9ce`
Achromatopsia	Complete color blindness - Monochromacy	`#b9b9b9`

#12e5f2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#12e5f2 Light Tints

#12e5f2 Gray Shades

#12e5f2 Dark Shades

#12e5f2 Red Shades

#12e5f2 Green Shades

#12e5f2 Blue Shades

Readability Analysis

#12e5f2 as Text Color

#12e5f2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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