0 views

#3af4cc - Color Information

#3af4cc

Base Information

HEX

#3af4cc

RGB

58,244,204

HSL

167,89,59

HSV

167,76,96

CMYK

76,0,16,4

LAB

87,-54,6

LCH

87,55,173

XYZ

45,70,68

Web Safe

#33ffcc

Web Smart

#33eecc

is dark

luminosity

0.6996

Pantone Color

Combinations

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

#3af4cc

#F43A62

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

#3af4cc

#F43ABF

#F46F3A

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

#3af4cc

#CC3AF4

#F4CC3A

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

#3af4cc

#6F3AF4

#F43A62

#BFF43A

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

#3af4cc

#F43A62

#F43ABF

#F46F3A

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

#3af4cc

#3ABFF4

#3A62F4

#6F3AF4

Shades

#3af4cc Light Tints

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

#3AF4CC

#4EF5D1

#61F6D6

#75F7DB

#89F8E0

#9DFAE6

#B0FBEB

#C4FCF0

#D8FDF5

#EBFEFA

#3af4cc Gray Shades

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

#3AF4CC

#41E8C4

#48DDBD

#4FD1B5

#56C6AE

#5DBAA6

#64AE9E

#6BA397

#72978F

#798C88

#3af4cc Dark Shades

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

#3AF4CC

#34DCB8

#2EC3A3

#29AB8F

#23927A

#1D7A66

#176252

#11493D

#0C3129

#061814

#3af4cc Red Shades

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

#3AF4CC

#4EDCB8

#61C3A3

#75AB8F

#89927A

#9D7A66

#B06252

#C4493D

#D83129

#EB1814

#3af4cc Green Shades

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

#3AF4CC

#34E8B8

#2EDDA3

#29D18F

#23C67A

#1DBA66

#17AE52

#11A33D

#0C9729

#068C14

#3af4cc Blue Shades

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

#3AF4CC

#34DCD1

#2EC3D6

#29ABDB

#2392E0

#1D7AE6

#1762EB

#1149F0

#0C31F5

#0618FA

Readability Analysis

#3af4cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	14.99	AAA	Sample Text
Red	2.85	Fail	Sample Text
Green	3.67	A	Sample Text
Blue	6.13	AA	Sample Text

#3af4cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.40	Fail	Sample Text
Black	14.99	AAA	Sample Text
Red	2.85	Fail	Sample Text
Green	3.67	A	Sample Text
Blue	6.13	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a6e2c3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#added3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#51efec`
Protanopia	No red perception - Dichromacy	`#e3d8bd`
Deuteranopia	No green perception - Dichromacy	`#efd2d7`
Tritanopia	No blue perception - Dichromacy	`#5eecff`
Achromatomaly	Partial color blindness - Monochromacy	`#95d9ca`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#3af4cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3af4cc Light Tints

#3af4cc Gray Shades

#3af4cc Dark Shades

#3af4cc Red Shades

#3af4cc Green Shades

#3af4cc Blue Shades

Readability Analysis

#3af4cc as Text Color

#3af4cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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