0 views

#b2cdcc - Color Information

#b2cdcc

Base Information

HEX

#b2cdcc

RGB

178,205,204

HSL

178,21,75

HSV

178,13,80

CMYK

13,0,0,20

LAB

80,-9,-3

LCH

80,10,195

XYZ

51,57,66

Web Safe

#99cccc

Web Smart

#aacccc

is dark

luminosity

0.5749

Pantone Color

Combinations

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

#b2cdcc

#CDB2B3

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

#b2cdcc

#CDB2C0

#CDBFB2

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

#b2cdcc

#CCB2CD

#CDCCB2

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

#b2cdcc

#BFB2CD

#CDB2B3

#C0CDB2

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

#b2cdcc

#CDB2B3

#CDB2C0

#CDBFB2

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

#b2cdcc

#B2C0CD

#B2B3CD

#BFB2CD

Shades

#b2cdcc Light Tints

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

#B2CDCC

#BAD2D1

#C1D7D6

#C9DCDB

#D1E1E0

#D9E6E6

#E0EBEB

#E8F0F0

#F0F5F5

#F7FAFA

#b2cdcc Gray Shades

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

#B2CDCC

#ADC5C4

#A8BEBD

#A3B6B5

#9EAEAE

#99A7A6

#949F9E

#8F9797

#8A8F8F

#858888

#b2cdcc Dark Shades

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

#B2CDCC

#A0B9B8

#8EA4A3

#7D908F

#6B7B7A

#596766

#475252

#353D3D

#242929

#121414

#b2cdcc Red Shades

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

#B2CDCC

#BAB9B8

#C1A4A3

#C9908F

#D17B7A

#D96766

#E05252

#E83D3D

#F02929

#F71414

#b2cdcc Green Shades

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

#B2CDCC

#A0C5B8

#8EBEA3

#7DB68F

#6BAE7A

#59A766

#479F52

#35973D

#248F29

#128814

#b2cdcc Blue Shades

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

#B2CDCC

#A0B9D1

#8EA4D6

#7D90DB

#6B7BE0

#5967E6

#4752EB

#353DF0

#2429F5

#1214FA

Readability Analysis

#b2cdcc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.50	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.11	AA	Sample Text

#b2cdcc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.50	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.11	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c1c8c9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c9c5ce`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b3cbd4`
Protanopia	No red perception - Dichromacy	`#c9c5c7`
Deuteranopia	No green perception - Dichromacy	`#d6c0cf`
Tritanopia	No blue perception - Dichromacy	`#b4c9d9`
Achromatomaly	Partial color blindness - Monochromacy	`#bfc9c9`
Achromatopsia	Complete color blindness - Monochromacy	`#c7c7c7`

#b2cdcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b2cdcc Light Tints

#b2cdcc Gray Shades

#b2cdcc Dark Shades

#b2cdcc Red Shades

#b2cdcc Green Shades

#b2cdcc Blue Shades

Readability Analysis

#b2cdcc as Text Color

#b2cdcc as Background Color

Color Blindness Simulation

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

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

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

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

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

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