0 views

#b0fade - Color Information

#b0fade

Base Information

HEX

#b0fade

RGB

176,250,222

HSL

157,88,84

HSV

157,30,98

CMYK

30,0,11,2

LAB

93,-29,6

LCH

93,29,168

XYZ

65,83,82

Web Safe

#99ffcc

Web Smart

#aaffdd

is dark

luminosity

0.8288

Pantone Color

Combinations

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

#b0fade

#FAB0CC

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

#b0fade

#FAB0F1

#FAB9B0

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

#b0fade

#DEB0FA

#FADEB0

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

#b0fade

#B9B0FA

#FAB0CC

#F1FAB0

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

#b0fade

#FAB0CC

#FAB0F1

#FAB9B0

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

#b0fade

#B0F1FA

#B0CCFA

#B9B0FA

Shades

#b0fade Light Tints

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

#B0FADE

#B8FBE1

#C0FBE5

#C8FCE8

#D0FCEB

#D8FDEF

#DFFDF2

#E7FEF5

#EFFEF8

#F7FFFC

#b0fade Gray Shades

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

#B0FADE

#ABEED5

#A6E2CB

#A2D5C2

#9DC9B8

#98BDAF

#93B1A6

#8EA59C

#8A9893

#858C89

#b0fade Dark Shades

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

#B0FADE

#9EE1C8

#8DC8B2

#7BAF9B

#6A9685

#587D6F

#466459

#354B43

#23322C

#121916

#b0fade Red Shades

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

#B0FADE

#B8E1C8

#C0C8B2

#C8AF9B

#D09685

#D87D6F

#DF6459

#E74B43

#EF322C

#F71916

#b0fade Green Shades

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

#B0FADE

#9EEEC8

#8DE2B2

#7BD59B

#6AC985

#58BD6F

#46B159

#35A543

#23982C

#128C16

#b0fade Blue Shades

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

#B0FADE

#9EE1E1

#8DC8E5

#7BAFE8

#6A96EB

#587DEF

#4664F2

#354BF5

#2332F8

#1219FC

Readability Analysis

#b0fade as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.58	AAA	Sample Text
Red	3.35	A	Sample Text
Green	4.30	A	Sample Text
Blue	7.19	AAA	Sample Text

#b0fade as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.58	AAA	Sample Text
Red	3.35	A	Sample Text
Green	4.30	A	Sample Text
Blue	7.19	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dbefd8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e2ece3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c0f4f3`
Protanopia	No red perception - Dichromacy	`#f4e9d5`
Deuteranopia	No green perception - Dichromacy	`#ffe4e6`
Tritanopia	No blue perception - Dichromacy	`#c9f1ff`
Achromatomaly	Partial color blindness - Monochromacy	`#d4efe5`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#b0fade - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b0fade Light Tints

#b0fade Gray Shades

#b0fade Dark Shades

#b0fade Red Shades

#b0fade Green Shades

#b0fade Blue Shades

Readability Analysis

#b0fade as Text Color

#b0fade as Background Color

Color Blindness Simulation

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

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

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

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

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

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