0 views

#3af6ec - Color Information

#3af6ec

Base Information

HEX

#3af6ec

RGB

58,246,236

HSL

177,91,60

HSV

177,76,96

CMYK

76,0,4,4

LAB

88,-47,-8

LCH

88,47,190

XYZ

50,73,91

Web Safe

#33ffff

Web Smart

#33eeee

is dark

luminosity

0.7287

Pantone Color

Combinations

#3af6ec complementary
Colors that are opposite to each other, forming a contrasting pair.

#3af6ec

#F63A44

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

#3af6ec

#F63AA2

#F68E3A

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

#3af6ec

#EC3AF6

#F6EC3A

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

#3af6ec

#8E3AF6

#F63A44

#A2F63A

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

#3af6ec

#F63A44

#F63AA2

#F68E3A

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

#3af6ec

#3AA2F6

#3A44F6

#8E3AF6

Shades

#3af6ec Light Tints

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

#3AF6EC

#4EF7EE

#61F8F0

#75F9F2

#89FAF4

#9DFBF6

#B0FBF7

#C4FCF9

#D8FDFB

#EBFEFD

#3af6ec Gray Shades

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

#3AF6EC

#41EAE1

#48DED6

#4FD3CC

#56C7C1

#5DBBB6

#64AFAB

#6BA3A0

#729896

#798C8B

#3af6ec Dark Shades

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

#3AF6EC

#34DDD4

#2EC5BD

#29ACA5

#23948E

#1D7B76

#17625E

#114A47

#0C312F

#061918

#3af6ec Red Shades

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

#3AF6EC

#4EDDD4

#61C5BD

#75ACA5

#89948E

#9D7B76

#B0625E

#C44A47

#D8312F

#EB1918

#3af6ec Green Shades

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

#3AF6EC

#34EAD4

#2EDEBD

#29D3A5

#23C78E

#1DBB76

#17AF5E

#11A347

#0C982F

#068C18

#3af6ec Blue Shades

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

#3AF6EC

#34DDEE

#2EC5F0

#29ACF2

#2394F4

#1D7BF6

#1762F7

#114AF9

#0C31FB

#0619FD

Readability Analysis

#3af6ec as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.57	AAA	Sample Text
Red	2.97	Fail	Sample Text
Green	3.81	A	Sample Text
Blue	6.37	AA	Sample Text

#3af6ec as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.57	AAA	Sample Text
Red	2.97	Fail	Sample Text
Green	3.81	A	Sample Text
Blue	6.37	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a4e5e3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a8e2f3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#61f1f8`
Protanopia	No red perception - Dichromacy	`#e1dcdd`
Deuteranopia	No green perception - Dichromacy	`#e7d7f7`
Tritanopia	No blue perception - Dichromacy	`#77eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#98dcd8`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#3af6ec - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#3af6ec complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#3af6ec Light Tints

#3af6ec Gray Shades

#3af6ec Dark Shades

#3af6ec Red Shades

#3af6ec Green Shades

#3af6ec Blue Shades

Readability Analysis

#3af6ec as Text Color

#3af6ec as Background Color

Color Blindness Simulation

#3af6ec complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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