0 views

#baffdd - Color Information

#baffdd

Base Information

HEX

#baffdd

RGB

186,255,221

HSL

150,100,86

HSV

150,27,100

CMYK

27,0,13,0

LAB

95,-28,9

LCH

95,30,162

XYZ

69,87,82

Web Safe

#ccffcc

Web Smart

#bbffdd

is dark

luminosity

0.8718

Pantone Color

Combinations

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

#baffdd

#FFBADC

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

#baffdd

#FFBAFF

#FFBBBA

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

#baffdd

#DDBAFF

#FFDDBA

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

#baffdd

#BBBAFF

#FFBADC

#FFFFBA

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

#baffdd

#FFBADC

#FFBAFF

#FFBBBA

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

#baffdd

#BAFFFF

#BADCFF

#BBBAFF

Shades

#baffdd Light Tints

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

#BAFFDD

#C1FFE0

#C8FFE4

#CFFFE7

#D6FFEB

#DDFFEE

#E3FFF1

#EAFFF5

#F1FFF8

#F8FFFC

#baffdd Gray Shades

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

#BAFFDD

#B4F2D4

#AEE6CA

#A9D9C1

#A3CCB8

#9DC0AF

#97B3A5

#91A69C

#8C9993

#868D89

#baffdd Dark Shades

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

#BAFFDD

#A7E6C7

#95CCB1

#82B39B

#709985

#5D806F

#4A6658

#384C42

#25332C

#131916

#baffdd Red Shades

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

#BAFFDD

#C1E6C7

#C8CCB1

#CFB39B

#D69985

#DD806F

#E36658

#EA4C42

#F1332C

#F81916

#baffdd Green Shades

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

#BAFFDD

#A7F2C7

#95E6B1

#82D99B

#70CC85

#5DC06F

#4AB358

#38A642

#25992C

#138D16

#baffdd Blue Shades

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

#BAFFDD

#A7E6E0

#95CCE4

#82B3E7

#7099EB

#5D80EE

#4A66F1

#384CF5

#2533F8

#1319FC

Readability Analysis

#baffdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.14	Fail	Sample Text
Black	18.44	AAA	Sample Text
Red	3.51	A	Sample Text
Green	4.51	AA	Sample Text
Blue	7.54	AAA	Sample Text

#baffdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.14	Fail	Sample Text
Black	18.44	AAA	Sample Text
Red	3.51	A	Sample Text
Green	4.51	AA	Sample Text
Blue	7.54	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e3f5d7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e6f3e5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cef8f3`
Protanopia	No red perception - Dichromacy	`#fbefd4`
Deuteranopia	No green perception - Dichromacy	`#ffebea`
Tritanopia	No blue perception - Dichromacy	`#daf4ff`
Achromatomaly	Partial color blindness - Monochromacy	`#dbf4e8`
Achromatopsia	Complete color blindness - Monochromacy	`#eeeeee`

#baffdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#baffdd Light Tints

#baffdd Gray Shades

#baffdd Dark Shades

#baffdd Red Shades

#baffdd Green Shades

#baffdd Blue Shades

Readability Analysis

#baffdd as Text Color

#baffdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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