0 views

#30f3fd - Color Information

#30f3fd

Base Information

HEX

#30f3fd

RGB

48,243,253

HSL

183,98,59

HSV

183,81,99

CMYK

81,4,0,1

LAB

88,-41,-18

LCH

88,45,203

XYZ

51,72,104

Web Safe

#33ffff

Web Smart

#33eeff

is dark

luminosity

0.7182

Pantone Color

Combinations

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

#30f3fd

#FD3A30

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

#30f3fd

#FD308C

#FDA130

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

#30f3fd

#FD30F3

#F3FD30

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

#30f3fd

#A130FD

#FD3A30

#8CFD30

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

#30f3fd

#FD3A30

#FD308C

#FDA130

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

#30f3fd

#308CFD

#3A30FD

#A130FD

Shades

#30f3fd Light Tints

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

#30F3FD

#45F4FD

#59F5FD

#6EF7FE

#83F8FE

#98F9FE

#ACFAFE

#C1FBFE

#D6FDFF

#EAFEFF

#30f3fd Gray Shades

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

#30F3FD

#38E8F1

#40DCE4

#48D1D8

#50C5CB

#58BABF

#60AEB2

#68A3A6

#709799

#788C8D

#30f3fd Dark Shades

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

#30F3FD

#2BDBE4

#26C2CA

#22AAB1

#1D9298

#187A7F

#136165

#0E494C

#0A3133

#051819

#30f3fd Red Shades

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

#30F3FD

#45DBE4

#59C2CA

#6EAAB1

#839298

#987A7F

#AC6165

#C1494C

#D63133

#EA1819

#30f3fd Green Shades

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

#30F3FD

#2BE8E4

#26DCCA

#22D1B1

#1DC598

#18BA7F

#13AE65

#0EA34C

#0A9733

#058C19

#30f3fd Blue Shades

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

#30F3FD

#2BDBFD

#26C2FD

#22AAFE

#1D92FE

#187AFE

#1361FE

#0E49FE

#0A31FF

#0518FF

Readability Analysis

#30f3fd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.36	AAA	Sample Text
Red	2.93	Fail	Sample Text
Green	3.76	A	Sample Text
Blue	6.29	AA	Sample Text

#30f3fd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.36	AAA	Sample Text
Red	2.93	Fail	Sample Text
Green	3.76	A	Sample Text
Blue	6.29	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9ce3f4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9de2fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#55f0fe`
Protanopia	No red perception - Dichromacy	`#dadaee`
Deuteranopia	No green perception - Dichromacy	`#dbd8ff`
Tritanopia	No blue perception - Dichromacy	`#69eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#92d9dd`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#30f3fd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#30f3fd Light Tints

#30f3fd Gray Shades

#30f3fd Dark Shades

#30f3fd Red Shades

#30f3fd Green Shades

#30f3fd Blue Shades

Readability Analysis

#30f3fd as Text Color

#30f3fd as Background Color

Color Blindness Simulation

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

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

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

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

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

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