0 views

#4af3fd - Color Information

#4af3fd

Base Information

HEX

#4af3fd

RGB

74,243,253

HSL

183,98,64

HSV

183,71,99

CMYK

71,4,0,1

LAB

88,-39,-17

LCH

88,43,204

XYZ

53,73,104

Web Safe

#33ffff

Web Smart

#44eeff

is dark

luminosity

0.7265

Pantone Color

Combinations

#4af3fd complementary
Colors that are opposite to each other, forming a contrasting pair.

#4af3fd

#FD544A

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

#4af3fd

#FD4A99

#FDAE4A

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

#4af3fd

#FD4AF3

#F3FD4A

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

#4af3fd

#AE4AFD

#FD544A

#99FD4A

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

#4af3fd

#FD544A

#FD4A99

#FDAE4A

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

#4af3fd

#4A99FD

#544AFD

#AE4AFD

Shades

#4af3fd Light Tints

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

#4AF3FD

#5CF4FD

#6EF5FD

#80F7FE

#92F8FE

#A5F9FE

#B7FAFE

#C9FBFE

#DBFDFF

#EDFEFF

#4af3fd Gray Shades

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

#4AF3FD

#4FE8F1

#55DCE4

#5AD1D8

#60C5CB

#65BABF

#6AAEB2

#70A3A6

#759799

#7B8C8D

#4af3fd Dark Shades

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

#4AF3FD

#43DBE4

#3BC2CA

#34AAB1

#2C9298

#257A7F

#1E6165

#16494C

#0F3133

#071819

#4af3fd Red Shades

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

#4AF3FD

#5CDBE4

#6EC2CA

#80AAB1

#929298

#A57A7F

#B76165

#C9494C

#DB3133

#ED1819

#4af3fd Green Shades

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

#4AF3FD

#43E8E4

#3BDCCA

#34D1B1

#2CC598

#25BA7F

#1EAE65

#16A34C

#0F9733

#078C19

#4af3fd Blue Shades

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

#4AF3FD

#43DBFD

#3BC2FD

#34AAFE

#2C92FE

#257AFE

#1E61FE

#1649FE

#0F31FF

#0718FF

Readability Analysis

#4af3fd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.53	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.80	A	Sample Text
Blue	6.35	AA	Sample Text

#4af3fd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.53	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.80	A	Sample Text
Blue	6.35	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a6e4f4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a7e2fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#65f0fe`
Protanopia	No red perception - Dichromacy	`#dbdbef`
Deuteranopia	No green perception - Dichromacy	`#ddd9ff`
Tritanopia	No blue perception - Dichromacy	`#75eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#9fdde0`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#4af3fd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#4af3fd complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#4af3fd Light Tints

#4af3fd Gray Shades

#4af3fd Dark Shades

#4af3fd Red Shades

#4af3fd Green Shades

#4af3fd Blue Shades

Readability Analysis

#4af3fd as Text Color

#4af3fd as Background Color

Color Blindness Simulation

#4af3fd complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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