0 views

#2df4fb - Color Information

#2df4fb

Base Information

HEX

#2df4fb

RGB

45,244,251

HSL

182,96,58

HSV

182,82,98

CMYK

82,3,0,2

LAB

88,-43,-17

LCH

88,46,201

XYZ

51,72,103

Web Safe

#33ffff

Web Smart

#33eeff

is dark

luminosity

0.7222

Pantone Color

Combinations

#2df4fb complementary
Colors that are opposite to each other, forming a contrasting pair.

#2df4fb

#FB342D

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

#2df4fb

#FB2D8D

#FB9B2D

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

#2df4fb

#FB2DF4

#F4FB2D

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

#2df4fb

#9B2DFB

#FB342D

#8DFB2D

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

#2df4fb

#FB342D

#FB2D8D

#FB9B2D

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

#2df4fb

#2D8DFB

#342DFB

#9B2DFB

Shades

#2df4fb Light Tints

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

#2DF4FB

#42F5FB

#57F6FC

#6CF7FC

#81F8FD

#96FAFD

#ABFBFD

#C0FCFE

#D5FDFE

#EAFEFF

#2df4fb Gray Shades

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

#2DF4FB

#35E8EF

#3EDDE2

#46D1D6

#4EC6CA

#57BABE

#5FAEB1

#67A3A5

#6F9799

#788C8C

#2df4fb Dark Shades

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

#2DF4FB

#29DCE2

#24C3C9

#1FABB0

#1B9297

#177A7E

#126264

#0D494B

#093132

#041819

#2df4fb Red Shades

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

#2DF4FB

#42DCE2

#57C3C9

#6CABB0

#819297

#967A7E

#AB6264

#C0494B

#D53132

#EA1819

#2df4fb Green Shades

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

#2DF4FB

#29E8E2

#24DDC9

#1FD1B0

#1BC697

#17BA7E

#12AE64

#0DA34B

#099732

#048C19

#2df4fb Blue Shades

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

#2DF4FB

#29DCFB

#24C3FC

#1FABFC

#1B92FD

#177AFD

#1262FD

#0D49FE

#0931FE

#0418FF

Readability Analysis

#2df4fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.44	AAA	Sample Text
Red	2.94	Fail	Sample Text
Green	3.78	A	Sample Text
Blue	6.32	AA	Sample Text

#2df4fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.36	Fail	Sample Text
Black	15.44	AAA	Sample Text
Red	2.94	Fail	Sample Text
Green	3.78	A	Sample Text
Blue	6.32	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9ce4f2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9de2fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#56f0fe`
Protanopia	No red perception - Dichromacy	`#dbdaec`
Deuteranopia	No green perception - Dichromacy	`#ddd8ff`
Tritanopia	No blue perception - Dichromacy	`#6deeff`
Achromatomaly	Partial color blindness - Monochromacy	`#91d9dc`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#2df4fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#2df4fb complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#2df4fb Light Tints

#2df4fb Gray Shades

#2df4fb Dark Shades

#2df4fb Red Shades

#2df4fb Green Shades

#2df4fb Blue Shades

Readability Analysis

#2df4fb as Text Color

#2df4fb as Background Color

Color Blindness Simulation

#2df4fb complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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