0 views

#31f2cf - Color Information

#31f2cf

Base Information

HEX

#31f2cf

RGB

49,242,207

HSL

169,88,57

HSV

169,80,95

CMYK

80,0,14,5

LAB

86,-53,4

LCH

86,54,176

XYZ

44,69,70

Web Safe

#33ffcc

Web Smart

#33eecc

is dark

luminosity

0.6866

Pantone Color

Combinations

#31f2cf complementary
Colors that are opposite to each other, forming a contrasting pair.

#31f2cf

#F23154

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

#31f2cf

#F231B4

#F26F31

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

#31f2cf

#CF31F2

#F2CF31

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

#31f2cf

#6E31F2

#F23154

#B4F231

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

#31f2cf

#F23154

#F231B4

#F26F31

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

#31f2cf

#31B4F2

#3154F2

#6E31F2

Shades

#31f2cf Light Tints

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

#31F2CF

#46F3D4

#5AF5D9

#6FF6DD

#83F7E2

#98F9E7

#ADFAEC

#C1FBF1

#D6FCF5

#EAFEFA

#31f2cf Gray Shades

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

#31F2CF

#39E7C7

#41DBBF

#49D0B7

#51C4AF

#59B9A8

#60AEA0

#68A298

#709790

#788B88

#31f2cf Dark Shades

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

#31F2CF

#2CDABA

#27C2A6

#22A991

#1D917C

#197968

#146153

#0F493E

#0A3029

#051815

#31f2cf Red Shades

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

#31F2CF

#46DABA

#5AC2A6

#6FA991

#83917C

#987968

#AD6153

#C1493E

#D63029

#EA1815

#31f2cf Green Shades

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

#31F2CF

#2CE7BA

#27DBA6

#22D091

#1DC47C

#19B968

#14AE53

#0FA23E

#0A9729

#058B15

#31f2cf Blue Shades

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

#31F2CF

#2CDAD4

#27C2D9

#22A9DD

#1D91E2

#1979E7

#1461EC

#0F49F1

#0A30F5

#0518FA

Readability Analysis

#31f2cf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.73	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.60	A	Sample Text
Blue	6.03	AA	Sample Text

#31f2cf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.73	AAA	Sample Text
Red	2.81	Fail	Sample Text
Green	3.60	A	Sample Text
Blue	6.03	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a1e0c6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a8dcd6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#49eded`
Protanopia	No red perception - Dichromacy	`#e0d6c0`
Deuteranopia	No green perception - Dichromacy	`#ebd0da`
Tritanopia	No blue perception - Dichromacy	`#57ebfd`
Achromatomaly	Partial color blindness - Monochromacy	`#90d6ca`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#31f2cf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#31f2cf complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#31f2cf Light Tints

#31f2cf Gray Shades

#31f2cf Dark Shades

#31f2cf Red Shades

#31f2cf Green Shades

#31f2cf Blue Shades

Readability Analysis

#31f2cf as Text Color

#31f2cf as Background Color

Color Blindness Simulation

#31f2cf complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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