0 views

#12f3fd - Color Information

#12f3fd

Base Information

HEX

#12f3fd

RGB

18,243,253

HSL

183,98,53

HSV

183,93,99

CMYK

93,4,0,1

LAB

88,-43,-18

LCH

88,47,203

XYZ

50,71,104

Web Safe

#00ffff

Web Smart

#11eeff

is dark

luminosity

0.7132

Pantone Color

Combinations

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

#12f3fd

#FD1C12

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

#12f3fd

#FD127D

#FD9212

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

#12f3fd

#FD12F3

#F3FD12

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

#12f3fd

#9212FD

#FD1C12

#7DFD12

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

#12f3fd

#FD1C12

#FD127D

#FD9212

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

#12f3fd

#127DFD

#1C12FD

#9212FD

Shades

#12f3fd Light Tints

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

#12F3FD

#2AF4FD

#41F5FD

#59F7FE

#71F8FE

#89F9FE

#A0FAFE

#B8FBFE

#D0FDFF

#E7FEFF

#12f3fd Gray Shades

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

#12F3FD

#1DE8F1

#28DCE4

#33D1D8

#3EC5CB

#49BABF

#54AEB2

#5FA3A6

#6A9799

#758C8D

#12f3fd Dark Shades

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

#12F3FD

#10DBE4

#0EC2CA

#0DAAB1

#0B9298

#097A7F

#076165

#05494C

#043133

#021819

#12f3fd Red Shades

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

#12F3FD

#2ADBE4

#41C2CA

#59AAB1

#719298

#897A7F

#A06165

#B8494C

#D03133

#E71819

#12f3fd Green Shades

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

#12F3FD

#10E8E4

#0EDCCA

#0DD1B1

#0BC598

#09BA7F

#07AE65

#05A34C

#049733

#028C19

#12f3fd Blue Shades

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

#12F3FD

#10DBFD

#0EC2FD

#0DAAFE

#0B92FE

#097AFE

#0761FE

#0549FE

#0431FF

#0218FF

Readability Analysis

#12f3fd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.26	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.73	A	Sample Text
Blue	6.25	AA	Sample Text

#12f3fd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.26	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.73	A	Sample Text
Blue	6.25	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#90e3f3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#91e1fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#45f0fe`
Protanopia	No red perception - Dichromacy	`#d9d9ee`
Deuteranopia	No green perception - Dichromacy	`#dad7ff`
Tritanopia	No blue perception - Dichromacy	`#62eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#83d5d9`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#12f3fd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#12f3fd Light Tints

#12f3fd Gray Shades

#12f3fd Dark Shades

#12f3fd Red Shades

#12f3fd Green Shades

#12f3fd Blue Shades

Readability Analysis

#12f3fd as Text Color

#12f3fd as Background Color

Color Blindness Simulation

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

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

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

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

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

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