0 views

#b2f0fb - Color Information

#b2f0fb

Base Information

HEX

#b2f0fb

RGB

178,240,251

HSL

189,90,84

HSV

189,29,98

CMYK

29,4,0,2

LAB

91,-17,-12

LCH

91,20,214

XYZ

67,79,103

Web Safe

#99ffff

Web Smart

#aaeeff

is dark

luminosity

0.7875

Pantone Color

Combinations

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

#b2f0fb

#FBBDB2

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

#b2f0fb

#FBB2CB

#FBE1B2

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

#b2f0fb

#FBB2F0

#F0FBB2

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

#b2f0fb

#E1B2FB

#FBBDB2

#CBFBB2

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

#b2f0fb

#FBBDB2

#FBB2CB

#FBE1B2

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

#b2f0fb

#B2CBFB

#BDB2FB

#E1B2FB

Shades

#b2f0fb Light Tints

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

#B2F0FB

#BAF2FB

#C1F3FC

#C9F5FC

#D1F6FD

#D9F8FD

#E0F9FD

#E8FBFE

#F0FCFE

#F7FEFF

#b2f0fb Gray Shades

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

#B2F0FB

#ADE5EF

#A8DAE2

#A3CED6

#9EC3CA

#99B8BE

#94ADB1

#8FA2A5

#8A9699

#858B8C

#b2f0fb Dark Shades

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

#B2F0FB

#A0D8E2

#8EC0C9

#7DA8B0

#6B9097

#59787E

#476064

#35484B

#243032

#121819

#b2f0fb Red Shades

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

#B2F0FB

#BAD8E2

#C1C0C9

#C9A8B0

#D19097

#D9787E

#E06064

#E8484B

#F03032

#F71819

#b2f0fb Green Shades

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

#B2F0FB

#A0E5E2

#8EDAC9

#7DCEB0

#6BC397

#59B87E

#47AD64

#35A24B

#249632

#128B19

#b2f0fb Blue Shades

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

#B2F0FB

#A0D8FB

#8EC0FC

#7DA8FC

#6B90FD

#5978FD

#4760FD

#3548FE

#2430FE

#1218FF

Readability Analysis

#b2f0fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.25	Fail	Sample Text
Black	16.75	AAA	Sample Text
Red	3.19	A	Sample Text
Green	4.10	A	Sample Text
Blue	6.85	AA	Sample Text

#b2f0fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.25	Fail	Sample Text
Black	16.75	AAA	Sample Text
Red	3.19	A	Sample Text
Green	4.10	A	Sample Text
Blue	6.85	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d2e8f7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d8e5fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b5eefe`
Protanopia	No red perception - Dichromacy	`#e4e3f4`
Deuteranopia	No green perception - Dichromacy	`#eedfff`
Tritanopia	No blue perception - Dichromacy	`#b7eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#d2e8ec`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#b2f0fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b2f0fb Light Tints

#b2f0fb Gray Shades

#b2f0fb Dark Shades

#b2f0fb Red Shades

#b2f0fb Green Shades

#b2f0fb Blue Shades

Readability Analysis

#b2f0fb as Text Color

#b2f0fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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