0 views

#b3dff9 - Color Information

#b3dff9

Base Information

HEX

#b3dff9

RGB

179,223,249

HSL

202,85,84

HSV

202,28,98

CMYK

28,10,0,2

LAB

87,-8,-17

LCH

87,19,244

XYZ

62,69,100

Web Safe

#ccccff

Web Smart

#bbddff

is dark

luminosity

0.6920

Pantone Color

Combinations

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

#b3dff9

#F9CDB3

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

#b3dff9

#F9B3BC

#F9F0B3

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

#b3dff9

#F9B3DF

#DFF9B3

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

#b3dff9

#F0B3F9

#F9CDB3

#BCF9B3

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

#b3dff9

#F9CDB3

#F9B3BC

#F9F0B3

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

#b3dff9

#B3BCF9

#CDB3F9

#F0B3F9

Shades

#b3dff9 Light Tints

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

#B3DFF9

#BBE2FA

#C2E5FA

#CAE9FB

#D1ECFB

#D9EFFC

#E1F2FD

#E8F5FD

#F0F9FE

#F7FCFE

#b3dff9 Gray Shades

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

#B3DFF9

#AED6ED

#A9CCE1

#A4C3D5

#9FB9C9

#9AB0BD

#94A6B0

#8F9DA4

#8A9398

#858A8C

#b3dff9 Dark Shades

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

#B3DFF9

#A1C9E0

#8FB2C7

#7D9CAE

#6B8695

#5A707D

#485964

#36434B

#242D32

#121619

#b3dff9 Red Shades

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

#B3DFF9

#BBC9E0

#C2B2C7

#CA9CAE

#D18695

#D9707D

#E15964

#E8434B

#F02D32

#F71619

#b3dff9 Green Shades

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

#B3DFF9

#A1D6E0

#8FCCC7

#7DC3AE

#6BB995

#5AB07D

#48A664

#369D4B

#249332

#128A19

#b3dff9 Blue Shades

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

#B3DFF9

#A1C9FA

#8FB2FA

#7D9CFB

#6B86FB

#5A70FC

#4859FD

#3643FD

#242DFE

#1216FE

Readability Analysis

#b3dff9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.84	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.07	AA	Sample Text

#b3dff9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.84	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.07	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c7d9f6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ccd7fb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b1dff4`
Protanopia	No red perception - Dichromacy	`#d3d6f4`
Deuteranopia	No green perception - Dichromacy	`#dbd3fd`
Tritanopia	No blue perception - Dichromacy	`#b0dff1`
Achromatomaly	Partial color blindness - Monochromacy	`#cadae4`
Achromatopsia	Complete color blindness - Monochromacy	`#d8d8d8`

#b3dff9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b3dff9 Light Tints

#b3dff9 Gray Shades

#b3dff9 Dark Shades

#b3dff9 Red Shades

#b3dff9 Green Shades

#b3dff9 Blue Shades

Readability Analysis

#b3dff9 as Text Color

#b3dff9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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