0 views

#b4cccc - Color Information

#b4cccc

Base Information

HEX

#b4cccc

RGB

180,204,204

HSL

180,19,75

HSV

180,12,80

CMYK

12,0,0,20

LAB

80,-8,-3

LCH

80,8,199

XYZ

51,57,65

Web Safe

#cccccc

Web Smart

#bbcccc

is dark

luminosity

0.5725

Pantone Color

Combinations

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

#b4cccc

#CCB4B4

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

#b4cccc

#CCB4C0

#CCC0B4

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

#b4cccc

#CCB4CC

#CCCCB4

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

#b4cccc

#C0B4CC

#CCB4B4

#C0CCB4

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

#b4cccc

#CCB4B4

#CCB4C0

#CCC0B4

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

#b4cccc

#B4C0CC

#B4B4CC

#C0B4CC

Shades

#b4cccc Light Tints

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

#B4CCCC

#BCD1D1

#C3D6D6

#CBDBDB

#D2E0E0

#DAE6E6

#E1EBEB

#E9F0F0

#F0F5F5

#F8FAFA

#b4cccc Gray Shades

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

#B4CCCC

#AFC4C4

#AABDBD

#A4B5B5

#9FAEAE

#9AA6A6

#959E9E

#909797

#8A8F8F

#858888

#b4cccc Dark Shades

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

#B4CCCC

#A2B8B8

#90A3A3

#7E8F8F

#6C7A7A

#5A6666

#485252

#363D3D

#242929

#121414

#b4cccc Red Shades

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

#B4CCCC

#BCB8B8

#C3A3A3

#CB8F8F

#D27A7A

#DA6666

#E15252

#E93D3D

#F02929

#F81414

#b4cccc Green Shades

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

#B4CCCC

#A2C4B8

#90BDA3

#7EB58F

#6CAE7A

#5AA666

#489E52

#36973D

#248F29

#128814

#b4cccc Blue Shades

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

#B4CCCC

#A2B8D1

#90A3D6

#7E8FDB

#6C7AE0

#5A66E6

#4852EB

#363DF0

#2429F5

#1214FA

Readability Analysis

#b4cccc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.45	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.05	A	Sample Text
Blue	5.09	AA	Sample Text

#b4cccc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.45	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.05	A	Sample Text
Blue	5.09	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c1c7c9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cac4cd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b5cad4`
Protanopia	No red perception - Dichromacy	`#c9c5c8`
Deuteranopia	No green perception - Dichromacy	`#d6c0ce`
Tritanopia	No blue perception - Dichromacy	`#b5c9d8`
Achromatomaly	Partial color blindness - Monochromacy	`#c0c9c9`
Achromatopsia	Complete color blindness - Monochromacy	`#c7c7c7`

#b4cccc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b4cccc Light Tints

#b4cccc Gray Shades

#b4cccc Dark Shades

#b4cccc Red Shades

#b4cccc Green Shades

#b4cccc Blue Shades

Readability Analysis

#b4cccc as Text Color

#b4cccc as Background Color

Color Blindness Simulation

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

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

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

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

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

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