0 views

#33dbf0 - Color Information

#33dbf0

Base Information

HEX

#33dbf0

RGB

51,219,240

HSL

187,86,57

HSV

187,79,94

CMYK

79,9,0,6

LAB

81,-34,-22

LCH

81,41,213

XYZ

42,58,91

Web Safe

#33ccff

Web Smart

#33ddee

is dark

luminosity

0.5766

Pantone Color

Combinations

#33dbf0 complementary
Colors that are opposite to each other, forming a contrasting pair.

#33dbf0

#F04833

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

#33dbf0

#F0337C

#F0A633

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

#33dbf0

#F033DB

#DBF033

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

#33dbf0

#A633F0

#F04833

#7DF033

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

#33dbf0

#F04833

#F0337C

#F0A633

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

#33dbf0

#337DF0

#4833F0

#A633F0

Shades

#33dbf0 Light Tints

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

#33DBF0

#47DFF2

#5CE2F3

#70E6F5

#85E9F6

#99EDF8

#ADF1F9

#C2F4FB

#D6F8FC

#EBFBFE

#33dbf0 Gray Shades

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

#33DBF0

#3BD2E5

#42C9DA

#4AC0CE

#52B7C3

#5AAEB8

#61A4AD

#699BA2

#719296

#78898B

#33dbf0 Dark Shades

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

#33DBF0

#2EC5D8

#29AFC0

#2499A8

#1F8390

#1A6E78

#145860

#0F4248

#0A2C30

#051618

#33dbf0 Red Shades

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

#33DBF0

#47C5D8

#5CAFC0

#7099A8

#858390

#996E78

#AD5860

#C24248

#D62C30

#EB1618

#33dbf0 Green Shades

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

#33DBF0

#2ED2D8

#29C9C0

#24C0A8

#1FB790

#1AAE78

#14A460

#0F9B48

#0A9230

#058918

#33dbf0 Blue Shades

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

#33DBF0

#2EC5F2

#29AFF3

#2499F5

#1F83F6

#1A6EF8

#1458F9

#0F42FB

#0A2CFC

#0516FE

Readability Analysis

#33dbf0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.53	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.13	AA	Sample Text

#33dbf0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.53	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.13	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#8ecde8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#8cccf5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#33dbee`
Protanopia	No red perception - Dichromacy	`#c1c5e3`
Deuteranopia	No green perception - Dichromacy	`#c0c3f9`
Tritanopia	No blue perception - Dichromacy	`#32dbec`
Achromatomaly	Partial color blindness - Monochromacy	`#88c5cd`
Achromatopsia	Complete color blindness - Monochromacy	`#b9b9b9`

#33dbf0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#33dbf0 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#33dbf0 Light Tints

#33dbf0 Gray Shades

#33dbf0 Dark Shades

#33dbf0 Red Shades

#33dbf0 Green Shades

#33dbf0 Blue Shades

Readability Analysis

#33dbf0 as Text Color

#33dbf0 as Background Color

Color Blindness Simulation

#33dbf0 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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