0 views

#2af6fd - Color Information

#2af6fd

Base Information

HEX

#2af6fd

RGB

42,246,253

HSL

182,98,58

HSV

182,83,99

CMYK

83,3,0,1

LAB

89,-43,-17

LCH

89,46,201

XYZ

52,73,104

Web Safe

#33ffff

Web Smart

#22eeff

is dark

luminosity

0.7350

Pantone Color

Combinations

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

#2af6fd

#FD312A

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

#2af6fd

#FD2A8C

#FD9B2A

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

#2af6fd

#FD2AF6

#F6FD2A

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

#2af6fd

#9A2AFD

#FD312A

#8CFD2A

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

#2af6fd

#FD312A

#FD2A8C

#FD9B2A

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

#2af6fd

#2A8CFD

#312AFD

#9A2AFD

Shades

#2af6fd Light Tints

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

#2AF6FD

#3FF7FD

#55F8FD

#6AF9FE

#7FFAFE

#95FBFE

#AAFBFE

#BFFCFE

#D4FDFF

#EAFEFF

#2af6fd Gray Shades

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

#2AF6FD

#33EAF1

#3BDEE4

#44D3D8

#4CC7CB

#55BBBF

#5EAFB2

#66A3A6

#6F9899

#778C8D

#2af6fd Dark Shades

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

#2AF6FD

#26DDE4

#22C5CA

#1DACB1

#199498

#157B7F

#116265

#0D4A4C

#083133

#041919

#2af6fd Red Shades

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

#2AF6FD

#3FDDE4

#55C5CA

#6AACB1

#7F9498

#957B7F

#AA6265

#BF4A4C

#D43133

#EA1919

#2af6fd Green Shades

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

#2AF6FD

#26EAE4

#22DECA

#1DD3B1

#19C798

#15BB7F

#11AF65

#0DA34C

#089833

#048C19

#2af6fd Blue Shades

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

#2AF6FD

#26DDFD

#22C5FD

#1DACFE

#1994FE

#157BFE

#1162FE

#0D4AFE

#0831FF

#0419FF

Readability Analysis

#2af6fd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.70	AAA	Sample Text
Red	2.99	Fail	Sample Text
Green	3.84	A	Sample Text
Blue	6.42	AA	Sample Text

#2af6fd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.70	AAA	Sample Text
Red	2.99	Fail	Sample Text
Green	3.84	A	Sample Text
Blue	6.42	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9ce6f4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9de4fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5cf2fe`
Protanopia	No red perception - Dichromacy	`#dddcee`
Deuteranopia	No green perception - Dichromacy	`#dedaff`
Tritanopia	No blue perception - Dichromacy	`#79efff`
Achromatomaly	Partial color blindness - Monochromacy	`#91dbdd`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#2af6fd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2af6fd Light Tints

#2af6fd Gray Shades

#2af6fd Dark Shades

#2af6fd Red Shades

#2af6fd Green Shades

#2af6fd Blue Shades

Readability Analysis

#2af6fd as Text Color

#2af6fd as Background Color

Color Blindness Simulation

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

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

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

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

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

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