0 views

#01dcf9 - Color Information

#01dcf9

Base Information

HEX

#01dcf9

RGB

1,220,249

HSL

187,99,49

HSV

187,100,98

CMYK

100,12,0,2

LAB

81,-34,-27

LCH

81,43,218

XYZ

43,58,99

Web Safe

#00ccff

Web Smart

#00ddff

is dark

luminosity

0.5803

Pantone Color

Combinations

#01dcf9 complementary
Colors that are opposite to each other, forming a contrasting pair.

#01dcf9

#F91E01

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

#01dcf9

#F90160

#F99A01

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

#01dcf9

#F901DC

#DCF901

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

#01dcf9

#9A01F9

#F91E01

#60F901

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

#01dcf9

#F91E01

#F90160

#F99A01

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

#01dcf9

#0160F9

#1E01F9

#9A01F9

Shades

#01dcf9 Light Tints

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

#01DCF9

#1AE0FA

#34E3FA

#4DE7FB

#67EAFB

#80EEFC

#99F1FD

#B3F5FD

#CCF8FE

#E6FCFE

#01dcf9 Gray Shades

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

#01DCF9

#0ED3ED

#1ACAE1

#27C0D5

#34B7C9

#41AEBD

#4DA5B0

#5A9CA4

#679298

#73898C

#01dcf9 Dark Shades

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

#01DCF9

#01C6E0

#01B0C7

#019AAE

#018495

#016E7D

#005864

#00424B

#002C32

#001619

#01dcf9 Red Shades

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

#01DCF9

#1AC6E0

#34B0C7

#4D9AAE

#678495

#806E7D

#995864

#B3424B

#CC2C32

#E61619

#01dcf9 Green Shades

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

#01DCF9

#01D3E0

#01CAC7

#01C0AE

#01B795

#01AE7D

#00A564

#009C4B

#009232

#008919

#01dcf9 Blue Shades

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

#01DCF9

#01C6FA

#01B0FA

#019AFB

#0184FB

#016EFC

#0058FD

#0042FD

#002CFE

#0016FE

Readability Analysis

#01dcf9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.61	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.08	A	Sample Text
Blue	5.16	AA	Sample Text

#01dcf9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.61	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.08	A	Sample Text
Blue	5.16	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#7acef0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#77cdfd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#00dcf2`
Protanopia	No red perception - Dichromacy	`#bfc5eb`
Deuteranopia	No green perception - Dichromacy	`#bbc4ff`
Tritanopia	No blue perception - Dichromacy	`#00dcee`
Achromatomaly	Partial color blindness - Monochromacy	`#70c0ca`
Achromatopsia	Complete color blindness - Monochromacy	`#b0b0b0`

#01dcf9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#01dcf9 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#01dcf9 Light Tints

#01dcf9 Gray Shades

#01dcf9 Dark Shades

#01dcf9 Red Shades

#01dcf9 Green Shades

#01dcf9 Blue Shades

Readability Analysis

#01dcf9 as Text Color

#01dcf9 as Background Color

Color Blindness Simulation

#01dcf9 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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