0 views

#b7cfdd - Color Information

#b7cfdd

Base Information

HEX

#b7cfdd

RGB

183,207,221

HSL

202,36,79

HSV

202,17,87

CMYK

17,6,0,13

LAB

82,-5,-10

LCH

82,11,242

XYZ

55,60,77

Web Safe

#cccccc

Web Smart

#bbccdd

is dark

luminosity

0.5991

Pantone Color

Combinations

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

#b7cfdd

#DDC5B7

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

#b7cfdd

#DDB7BC

#DDD8B7

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

#b7cfdd

#DDB7CF

#CFDDB7

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

#b7cfdd

#D8B7DD

#DDC5B7

#BCDDB7

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

#b7cfdd

#DDC5B7

#DDB7BC

#DDD8B7

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

#b7cfdd

#B7BCDD

#C5B7DD

#D8B7DD

Shades

#b7cfdd Light Tints

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

#B7CFDD

#BED4E0

#C5D9E4

#CDDDE7

#D4E2EB

#DBE7EE

#E2ECF1

#E9F1F5

#F1F5F8

#F8FAFC

#b7cfdd Gray Shades

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

#B7CFDD

#B2C7D4

#ACBFCA

#A7B7C1

#A1AFB8

#9CA8AF

#96A0A5

#91989C

#8B9093

#868889

#b7cfdd Dark Shades

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

#B7CFDD

#A5BAC7

#92A6B1

#80919B

#6E7C85

#5C686F

#495358

#373E42

#25292C

#121516

#b7cfdd Red Shades

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

#B7CFDD

#BEBAC7

#C5A6B1

#CD919B

#D47C85

#DB686F

#E25358

#E93E42

#F1292C

#F81516

#b7cfdd Green Shades

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

#B7CFDD

#A5C7C7

#92BFB1

#80B79B

#6EAF85

#5CA86F

#49A058

#379842

#25902C

#128816

#b7cfdd Blue Shades

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

#B7CFDD

#A5BAE0

#92A6E4

#8091E7

#6E7CEB

#5C68EE

#4953F1

#373EF5

#2529F8

#1215FC

Readability Analysis

#b7cfdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.98	AAA	Sample Text
Red	2.47	Fail	Sample Text
Green	3.18	A	Sample Text
Blue	5.31	AA	Sample Text

#b7cfdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.98	AAA	Sample Text
Red	2.47	Fail	Sample Text
Green	3.18	A	Sample Text
Blue	5.31	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c3cbdb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cac8de`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b6cedd`
Protanopia	No red perception - Dichromacy	`#c9c9d9`
Deuteranopia	No green perception - Dichromacy	`#d4c5df`
Tritanopia	No blue perception - Dichromacy	`#b6cede`
Achromatomaly	Partial color blindness - Monochromacy	`#c4ccd1`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#b7cfdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b7cfdd Light Tints

#b7cfdd Gray Shades

#b7cfdd Dark Shades

#b7cfdd Red Shades

#b7cfdd Green Shades

#b7cfdd Blue Shades

Readability Analysis

#b7cfdd as Text Color

#b7cfdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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