0 views

#7bd6cc - Color Information

#7bd6cc

Base Information

HEX

#7bd6cc

RGB

123,214,204

HSL

173,53,66

HSV

173,43,84

CMYK

43,0,5,16

LAB

80,-30,-4

LCH

80,30,187

XYZ

43,57,66

Web Safe

#66cccc

Web Smart

#77ddcc

is dark

luminosity

0.5666

Pantone Color

Combinations

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

#7bd6cc

#D67B85

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

#7bd6cc

#D67BB3

#D69F7B

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

#7bd6cc

#CC7BD6

#D6CC7B

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

#7bd6cc

#9F7BD6

#D67B85

#B3D67B

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

#7bd6cc

#D67B85

#D67BB3

#D69F7B

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

#7bd6cc

#7BB3D6

#7B85D6

#9F7BD6

Shades

#7bd6cc Light Tints

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

#7BD6CC

#88DAD1

#95DED6

#A3E2DB

#B0E6E0

#BDEBE6

#CAEFEB

#D7F3F0

#E5F7F5

#F2FBFA

#7bd6cc Gray Shades

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

#7BD6CC

#7CCDC4

#7CC5BD

#7DBCB5

#7DB4AE

#7EABA6

#7EA29E

#7F9A97

#7F918F

#808988

#7bd6cc Dark Shades

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

#7BD6CC

#6FC1B8

#62ABA3

#56968F

#4A807A

#3E6B66

#315652

#25403D

#192B29

#0C1514

#7bd6cc Red Shades

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

#7BD6CC

#88C1B8

#95ABA3

#A3968F

#B0807A

#BD6B66

#CA5652

#D7403D

#E52B29

#F21514

#7bd6cc Green Shades

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

#7BD6CC

#6FCDB8

#62C5A3

#56BC8F

#4AB47A

#3EAB66

#31A252

#259A3D

#199129

#0C8914

#7bd6cc Blue Shades

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

#7BD6CC

#6FC1D1

#62ABD6

#5696DB

#4A80E0

#3E6BE6

#3156EB

#2540F0

#192BF5

#0C15FA

Readability Analysis

#7bd6cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.33	AAA	Sample Text
Red	2.35	Fail	Sample Text
Green	3.02	A	Sample Text
Blue	5.05	AA	Sample Text

#7bd6cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.33	AAA	Sample Text
Red	2.35	Fail	Sample Text
Green	3.02	A	Sample Text
Blue	5.05	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#adcbc5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b3c8d0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#7fd3da`
Protanopia	No red perception - Dichromacy	`#c9c4c2`
Deuteranopia	No green perception - Dichromacy	`#d3bfd2`
Tritanopia	No blue perception - Dichromacy	`#82d1e2`
Achromatomaly	Partial color blindness - Monochromacy	`#a8c9c6`
Achromatopsia	Complete color blindness - Monochromacy	`#c2c2c2`

#7bd6cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#7bd6cc Light Tints

#7bd6cc Gray Shades

#7bd6cc Dark Shades

#7bd6cc Red Shades

#7bd6cc Green Shades

#7bd6cc Blue Shades

Readability Analysis

#7bd6cc as Text Color

#7bd6cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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