0 views

#3deff7 - Color Information

#3deff7

Base Information

HEX

#3deff7

RGB

61,239,247

HSL

183,92,60

HSV

183,75,97

CMYK

75,3,0,3

LAB

87,-40,-17

LCH

87,44,202

XYZ

50,69,99

Web Safe

#33ffff

Web Smart

#44eeff

luminosity

0.6944

is dark color

Generate #3deff7 solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#3deff7

#F7453D

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

#3deff7

#F73D92

#F7A23D

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

#3deff7

#F73DEF

#EFF73D

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

#3deff7

#A23DF7

#F7453D

#92F73D

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

#3deff7

#F7453D

#F73D92

#F7A23D

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

#3deff7

#3D92F7

#453DF7

#A23DF7

Shades

#3deff7 Light Tints

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

#3DEFF7

#50F1F8

#64F2F9

#77F4F9

#8BF5FA

#9EF7FB

#B1F9FC

#C5FAFD

#D8FCFD

#ECFDFE

#3deff7 Gray Shades

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

#3DEFF7

#44E4EB

#4AD9DF

#51CED3

#58C3C7

#5FB8BC

#65ACB0

#6CA1A4

#739698

#798B8C

#3deff7 Dark Shades

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

#3DEFF7

#37D7DE

#31BFC6

#2BA7AD

#258F94

#1F787C

#186063

#12484A

#0C3031

#061819

#3deff7 Red Shades

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

#3DEFF7

#50D7DE

#64BFC6

#77A7AD

#8B8F94

#9E787C

#B16063

#C5484A

#D83031

#EC1819

#3deff7 Green Shades

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

#3DEFF7

#37E4DE

#31D9C6

#2BCEAD

#25C394

#1FB87C

#18AC63

#12A14A

#0C9631

#068B19

#3deff7 Blue Shades

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

#3DEFF7

#37D7F8

#31BFF9

#2BA7F9

#258FFA

#1F78FB

#1860FC

#1248FD

#0C30FD

#0618FE

Readability Analysis

#3deff7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.89	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.64	A	Sample Text
Blue	6.09	AA	Sample Text

#3deff7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.89	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.64	A	Sample Text
Blue	6.09	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9fdfee`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a0ddfc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#49edfc`
Protanopia	No red perception - Dichromacy	`#d7d7e9`
Deuteranopia	No green perception - Dichromacy	`#d9d3ff`
Tritanopia	No blue perception - Dichromacy	`#50ecff`
Achromatomaly	Partial color blindness - Monochromacy	`#97d7da`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#3deff7 Color Code

Name	Code
#3deff7 css background color code	`.bg { background-color: #3deff7; }`
#3deff7 css text color code	`.text { color: #3deff7; }`
#3deff7 css border color code	`.border { border-color: #3deff7; }`

#3deff7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #3deff7 solid background color

Combinations

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

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

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

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

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

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

Shades

#3deff7 Light Tints

#3deff7 Gray Shades

#3deff7 Dark Shades

#3deff7 Red Shades

#3deff7 Green Shades

#3deff7 Blue Shades

Readability Analysis

#3deff7 as Text Color

#3deff7 as Background Color

Color Blindness Simulation

#3deff7 Color Code

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

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

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

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

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

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