0 views

#b2fbf0 - Color Information

#b2fbf0

Base Information

HEX

#b2fbf0

RGB

178,251,240

HSL

171,90,84

HSV

171,29,98

CMYK

29,0,4,2

LAB

94,-25,-2

LCH

94,25,185

XYZ

69,85,95

Web Safe

#99ffff

Web Smart

#aaffee

is dark

luminosity

0.8475

Pantone Color

Combinations

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

#b2fbf0

#FBB2BD

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

#b2fbf0

#FBB2E1

#FBCCB2

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

#b2fbf0

#F0B2FB

#FBF0B2

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

#b2fbf0

#CCB2FB

#FBB2BD

#E1FBB2

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

#b2fbf0

#FBB2BD

#FBB2E1

#FBCCB2

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

#b2fbf0

#B2E1FB

#B2BDFB

#CCB2FB

Shades

#b2fbf0 Light Tints

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

#B2FBF0

#BAFBF2

#C1FCF3

#C9FCF5

#D1FDF6

#D9FDF8

#E0FDF9

#E8FEFB

#F0FEFC

#F7FFFE

#b2fbf0 Gray Shades

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

#B2FBF0

#ADEFE5

#A8E2DA

#A3D6CE

#9ECAC3

#99BEB8

#94B1AD

#8FA5A2

#8A9996

#858C8B

#b2fbf0 Dark Shades

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

#B2FBF0

#A0E2D8

#8EC9C0

#7DB0A8

#6B9790

#597E78

#476460

#354B48

#243230

#121918

#b2fbf0 Red Shades

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

#B2FBF0

#BAE2D8

#C1C9C0

#C9B0A8

#D19790

#D97E78

#E06460

#E84B48

#F03230

#F71918

#b2fbf0 Green Shades

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

#B2FBF0

#A0EFD8

#8EE2C0

#7DD6A8

#6BCA90

#59BE78

#47B160

#35A548

#249930

#128C18

#b2fbf0 Blue Shades

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

#B2FBF0

#A0E2F2

#8EC9F3

#7DB0F5

#6B97F6

#597EF8

#4764F9

#354BFB

#2432FC

#1219FE

Readability Analysis

#b2fbf0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.95	AAA	Sample Text
Red	3.42	A	Sample Text
Green	4.39	A	Sample Text
Blue	7.34	AAA	Sample Text

#b2fbf0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.95	AAA	Sample Text
Red	3.42	A	Sample Text
Green	4.39	A	Sample Text
Blue	7.34	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dbf1eb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e3edf4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c4f6fa`
Protanopia	No red perception - Dichromacy	`#f2ebe7`
Deuteranopia	No green perception - Dichromacy	`#ffe6f7`
Tritanopia	No blue perception - Dichromacy	`#cef3ff`
Achromatomaly	Partial color blindness - Monochromacy	`#d6f1ed`
Achromatopsia	Complete color blindness - Monochromacy	`#ebebeb`

#b2fbf0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b2fbf0 Light Tints

#b2fbf0 Gray Shades

#b2fbf0 Dark Shades

#b2fbf0 Red Shades

#b2fbf0 Green Shades

#b2fbf0 Blue Shades

Readability Analysis

#b2fbf0 as Text Color

#b2fbf0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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