0 views

#b2cccc - Color Information

#b2cccc

Base Information

HEX

#b2cccc

RGB

178,204,204

HSL

180,20,75

HSV

180,13,80

CMYK

13,0,0,20

LAB

80,-9,-3

LCH

80,9,199

XYZ

51,57,65

Web Safe

#99cccc

Web Smart

#aacccc

is dark

luminosity

0.5701

Pantone Color

Combinations

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

#b2cccc

#CCB2B2

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

#b2cccc

#CCB2BF

#CCBFB2

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

#b2cccc

#CCB2CC

#CCCCB2

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

#b2cccc

#BFB2CC

#CCB2B2

#BFCCB2

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

#b2cccc

#CCB2B2

#CCB2BF

#CCBFB2

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

#b2cccc

#B2BFCC

#B2B2CC

#BFB2CC

Shades

#b2cccc Light Tints

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

#B2CCCC

#BAD1D1

#C1D6D6

#C9DBDB

#D1E0E0

#D9E6E6

#E0EBEB

#E8F0F0

#F0F5F5

#F7FAFA

#b2cccc Gray Shades

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

#B2CCCC

#ADC4C4

#A8BDBD

#A3B5B5

#9EAEAE

#99A6A6

#949E9E

#8F9797

#8A8F8F

#858888

#b2cccc Dark Shades

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

#B2CCCC

#A0B8B8

#8EA3A3

#7D8F8F

#6B7A7A

#596666

#475252

#353D3D

#242929

#121414

#b2cccc Red Shades

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

#B2CCCC

#BAB8B8

#C1A3A3

#C98F8F

#D17A7A

#D96666

#E05252

#E83D3D

#F02929

#F71414

#b2cccc Green Shades

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

#B2CCCC

#A0C4B8

#8EBDA3

#7DB58F

#6BAE7A

#59A666

#479E52

#35973D

#248F29

#128814

#b2cccc Blue Shades

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

#B2CCCC

#A0B8D1

#8EA3D6

#7D8FDB

#6B7AE0

#5966E6

#4752EB

#353DF0

#2429F5

#1214FA

Readability Analysis

#b2cccc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.40	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

#b2cccc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.40	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c0c7c9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c8c4ce`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b3cad4`
Protanopia	No red perception - Dichromacy	`#c8c4c7`
Deuteranopia	No green perception - Dichromacy	`#d5c0ce`
Tritanopia	No blue perception - Dichromacy	`#b3c9d8`
Achromatomaly	Partial color blindness - Monochromacy	`#bfc8c8`
Achromatopsia	Complete color blindness - Monochromacy	`#c6c6c6`

#b2cccc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b2cccc Light Tints

#b2cccc Gray Shades

#b2cccc Dark Shades

#b2cccc Red Shades

#b2cccc Green Shades

#b2cccc Blue Shades

Readability Analysis

#b2cccc as Text Color

#b2cccc as Background Color

Color Blindness Simulation

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

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

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

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

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

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