0 views

#b3d7d3 - Color Information

#b3d7d3

Base Information

HEX

#b3d7d3

RGB

179,215,211

HSL

173,31,77

HSV

173,17,84

CMYK

17,0,2,16

LAB

83,-13,-2

LCH

83,13,189

XYZ

55,63,71

Web Safe

#cccccc

Web Smart

#bbddcc

is dark

luminosity

0.6289

Pantone Color

Combinations

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

#b3d7d3

#D7B3B7

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

#b3d7d3

#D7B3C9

#D7C1B3

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

#b3d7d3

#D3B3D7

#D7D3B3

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

#b3d7d3

#C1B3D7

#D7B3B7

#C9D7B3

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

#b3d7d3

#D7B3B7

#D7B3C9

#D7C1B3

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

#b3d7d3

#B3C9D7

#B3B7D7

#C1B3D7

Shades

#b3d7d3 Light Tints

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

#B3D7D3

#BBDBD7

#C2DFDC

#CAE3E0

#D1E7E5

#D9EBE9

#E1EFED

#E8F3F2

#F0F7F6

#F7FBFB

#b3d7d3 Gray Shades

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

#B3D7D3

#AECECB

#A9C6C2

#A4BDBA

#9FB4B2

#9AACAA

#94A3A1

#8F9A99

#8A9191

#858988

#b3d7d3 Dark Shades

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

#B3D7D3

#A1C2BE

#8FACA9

#7D9794

#6B817F

#5A6C6A

#485654

#36403F

#242B2A

#121515

#b3d7d3 Red Shades

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

#B3D7D3

#BBC2BE

#C2ACA9

#CA9794

#D1817F

#D96C6A

#E15654

#E8403F

#F02B2A

#F71515

#b3d7d3 Green Shades

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

#B3D7D3

#A1CEBE

#8FC6A9

#7DBD94

#6BB47F

#5AAC6A

#48A354

#369A3F

#24912A

#128915

#b3d7d3 Blue Shades

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

#B3D7D3

#A1C2D7

#8FACDC

#7D97E0

#6B81E5

#5A6CE9

#4856ED

#3640F2

#242BF6

#1215FB

Readability Analysis

#b3d7d3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.58	AAA	Sample Text
Red	2.59	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.56	AA	Sample Text

#b3d7d3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.55	Fail	Sample Text
Black	13.58	AAA	Sample Text
Red	2.59	Fail	Sample Text
Green	3.32	A	Sample Text
Blue	5.56	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c7d1cf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cfced5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b5d5de`
Protanopia	No red perception - Dichromacy	`#d2cdcd`
Deuteranopia	No green perception - Dichromacy	`#e0c8d6`
Tritanopia	No blue perception - Dichromacy	`#b6d3e4`
Achromatomaly	Partial color blindness - Monochromacy	`#c5d2d0`
Achromatopsia	Complete color blindness - Monochromacy	`#cfcfcf`

#b3d7d3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b3d7d3 Light Tints

#b3d7d3 Gray Shades

#b3d7d3 Dark Shades

#b3d7d3 Red Shades

#b3d7d3 Green Shades

#b3d7d3 Blue Shades

Readability Analysis

#b3d7d3 as Text Color

#b3d7d3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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