3 views

#42edf7 - Color Information

#42edf7

Base Information

HEX

#42edf7

RGB

66,237,247

HSL

183,92,61

HSV

183,73,97

CMYK

73,4,0,3

LAB

86,-39,-17

LCH

86,43,204

XYZ

49,68,99

Web Safe

#33ffff

Web Smart

#44eeff

luminosity

0.6844

is dark color

Generate #42edf7 solid background color

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

Combinations

#42edf7 complementary
Colors that are opposite to each other, forming a contrasting pair.

#42edf7

#F74C42

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

#42edf7

#F74292

#F7A642

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

#42edf7

#F742ED

#EDF742

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

#42edf7

#A642F7

#F74C42

#93F742

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

#42edf7

#F74C42

#F74292

#F7A642

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

#42edf7

#4293F7

#4C42F7

#A642F7

Shades

#42edf7 Light Tints

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

#42EDF7

#55EFF8

#68F1F9

#7BF2F9

#8EF4FA

#A1F6FB

#B3F8FC

#C6FAFD

#D9FBFD

#ECFDFE

#42edf7 Gray Shades

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

#42EDF7

#48E2EB

#4ED7DF

#55CCD3

#5BC1C7

#61B7BC

#67ACB0

#6DA1A4

#749698

#7A8B8C

#42edf7 Dark Shades

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

#42EDF7

#3BD5DE

#35BEC6

#2EA6AD

#288E94

#21777C

#1A5F63

#14474A

#0D2F31

#071819

#42edf7 Red Shades

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

#42EDF7

#55D5DE

#68BEC6

#7BA6AD

#8E8E94

#A1777C

#B35F63

#C6474A

#D92F31

#EC1819

#42edf7 Green Shades

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

#42EDF7

#3BE2DE

#35D7C6

#2ECCAD

#28C194

#21B77C

#1AAC63

#14A14A

#0D9631

#078B19

#42edf7 Blue Shades

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

#42EDF7

#3BD5F8

#35BEF9

#2EA6F9

#288EFA

#2177FB

#1A5FFC

#1447FD

#0D2FFD

#0718FE

Readability Analysis

#42edf7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.69	AAA	Sample Text
Red	2.80	Fail	Sample Text
Green	3.59	A	Sample Text
Blue	6.01	AA	Sample Text

#42edf7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.69	AAA	Sample Text
Red	2.80	Fail	Sample Text
Green	3.59	A	Sample Text
Blue	6.01	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9fdeee`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a1dcfc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#47ecfc`
Protanopia	No red perception - Dichromacy	`#d5d5e9`
Deuteranopia	No green perception - Dichromacy	`#d7d2ff`
Tritanopia	No blue perception - Dichromacy	`#4aebfe`
Achromatomaly	Partial color blindness - Monochromacy	`#98d6da`
Achromatopsia	Complete color blindness - Monochromacy	`#c9c9c9`

#42edf7 Color Code

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

#42edf7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #42edf7 solid background color

Combinations

#42edf7 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#42edf7 Light Tints

#42edf7 Gray Shades

#42edf7 Dark Shades

#42edf7 Red Shades

#42edf7 Green Shades

#42edf7 Blue Shades

Readability Analysis

#42edf7 as Text Color

#42edf7 as Background Color

Color Blindness Simulation

#42edf7 Color Code

#42edf7 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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