0 views

#7bd9cc - Color Information

#7bd9cc

Base Information

HEX

#7bd9cc

RGB

123,217,204

HSL

172,55,67

HSV

172,43,85

CMYK

43,0,6,15

LAB

81,-31,-2

LCH

81,31,184

XYZ

44,58,66

Web Safe

#66cccc

Web Smart

#77ddcc

is dark

luminosity

0.5820

Pantone Color

Combinations

#7bd9cc complementary
Colors that are opposite to each other, forming a contrasting pair.

#7bd9cc

#D97B88

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

#7bd9cc

#D97BB7

#D99D7B

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

#7bd9cc

#CC7BD9

#D9CC7B

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

#7bd9cc

#9D7BD9

#D97B88

#B7D97B

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

#7bd9cc

#D97B88

#D97BB7

#D99D7B

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

#7bd9cc

#7BB7D9

#7B88D9

#9D7BD9

Shades

#7bd9cc Light Tints

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

#7BD9CC

#88DDD1

#95E1D6

#A3E4DB

#B0E8E0

#BDECE6

#CAF0EB

#D7F4F0

#E5F7F5

#F2FBFA

#7bd9cc Gray Shades

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

#7BD9CC

#7CD0C4

#7CC7BD

#7DBEB5

#7DB5AE

#7EADA6

#7EA49E

#7F9B97

#7F928F

#808988

#7bd9cc Dark Shades

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

#7BD9CC

#6FC3B8

#62AEA3

#56988F

#4A827A

#3E6D66

#315752

#25413D

#192B29

#0C1614

#7bd9cc Red Shades

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

#7BD9CC

#88C3B8

#95AEA3

#A3988F

#B0827A

#BD6D66

#CA5752

#D7413D

#E52B29

#F21614

#7bd9cc Green Shades

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

#7BD9CC

#6FD0B8

#62C7A3

#56BE8F

#4AB57A

#3EAD66

#31A452

#259B3D

#199229

#0C8914

#7bd9cc Blue Shades

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

#7BD9CC

#6FC3D1

#62AED6

#5698DB

#4A82E0

#3E6DE6

#3157EB

#2541F0

#192BF5

#0C16FA

Readability Analysis

#7bd9cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.64	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.17	AA	Sample Text

#7bd9cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.64	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#afcdc5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b5cad0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#80d6dc`
Protanopia	No red perception - Dichromacy	`#ccc6c2`
Deuteranopia	No green perception - Dichromacy	`#d6c1d3`
Tritanopia	No blue perception - Dichromacy	`#83d4e5`
Achromatomaly	Partial color blindness - Monochromacy	`#aaccc7`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#7bd9cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#7bd9cc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#7bd9cc Light Tints

#7bd9cc Gray Shades

#7bd9cc Dark Shades

#7bd9cc Red Shades

#7bd9cc Green Shades

#7bd9cc Blue Shades

Readability Analysis

#7bd9cc as Text Color

#7bd9cc as Background Color

Color Blindness Simulation

#7bd9cc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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