0 views

#2af4fb - Color Information

#2af4fb

Base Information

HEX

#2af4fb

RGB

42,244,251

HSL

182,96,57

HSV

182,83,98

CMYK

83,3,0,2

LAB

88,-43,-17

LCH

88,46,201

XYZ

51,72,103

Web Safe

#33ffff

Web Smart

#22eeff

is dark

luminosity

0.7216

Pantone Color

Combinations

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

#2af4fb

#FB312A

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

#2af4fb

#FB2A8C

#FB992A

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

#2af4fb

#FB2AF4

#F4FB2A

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

#2af4fb

#992AFB

#FB312A

#8CFB2A

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

#2af4fb

#FB312A

#FB2A8C

#FB992A

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

#2af4fb

#2A8CFB

#312AFB

#992AFB

Shades

#2af4fb Light Tints

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

#2AF4FB

#3FF5FB

#55F6FC

#6AF7FC

#7FF8FD

#95FAFD

#AAFBFD

#BFFCFE

#D4FDFE

#EAFEFF

#2af4fb Gray Shades

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

#2AF4FB

#33E8EF

#3BDDE2

#44D1D6

#4CC6CA

#55BABE

#5EAEB1

#66A3A5

#6F9799

#778C8C

#2af4fb Dark Shades

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

#2AF4FB

#26DCE2

#22C3C9

#1DABB0

#199297

#157A7E

#116264

#0D494B

#083132

#041819

#2af4fb Red Shades

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

#2AF4FB

#3FDCE2

#55C3C9

#6AABB0

#7F9297

#957A7E

#AA6264

#BF494B

#D43132

#EA1819

#2af4fb Green Shades

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

#2AF4FB

#26E8E2

#22DDC9

#1DD1B0

#19C697

#15BA7E

#11AE64

#0DA34B

#089732

#048C19

#2af4fb Blue Shades

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

#2AF4FB

#26DCFB

#22C3FC

#1DABFC

#1992FD

#157AFD

#1162FD

#0D49FE

#0831FE

#0418FF

Readability Analysis

#2af4fb as Text Color

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

#2af4fb as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9be4f2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9ce2fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#54f0fe`
Protanopia	No red perception - Dichromacy	`#dbdaec`
Deuteranopia	No green perception - Dichromacy	`#dcd8ff`
Tritanopia	No blue perception - Dichromacy	`#6deeff`
Achromatomaly	Partial color blindness - Monochromacy	`#90d9dc`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#2af4fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2af4fb Light Tints

#2af4fb Gray Shades

#2af4fb Dark Shades

#2af4fb Red Shades

#2af4fb Green Shades

#2af4fb Blue Shades

Readability Analysis

#2af4fb as Text Color

#2af4fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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