0 views

#baf4b8 - Color Information

#baf4b8

Base Information

HEX

#baf4b8

RGB

186,244,184

HSL

118,73,84

HSV

118,25,96

CMYK

24,0,25,4

LAB

91,-30,23

LCH

91,38,142

XYZ

61,79,57

Web Safe

#ccffcc

Web Smart

#bbeebb

is dark

luminosity

0.7860

Pantone Color

Combinations

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

#baf4b8

#F2B8F4

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

#baf4b8

#D4B8F4

#F4B8D8

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

#baf4b8

#B8BAF4

#F4B8BA

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

#baf4b8

#B8D8F4

#F2B8F4

#F4D4B8

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

#baf4b8

#F2B8F4

#D4B8F4

#F4B8D8

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

#baf4b8

#B8F4D4

#B8F4F2

#B8D8F4

Shades

#baf4b8 Light Tints

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

#BAF4B8

#C1F5BF

#C8F6C6

#CFF7CD

#D6F8D4

#DDFADC

#E3FBE3

#EAFCEA

#F1FDF1

#F8FEF8

#baf4b8 Gray Shades

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

#BAF4B8

#B4E8B2

#AEDDAD

#A9D1A7

#A3C6A2

#9DBA9C

#97AE96

#91A391

#8C978B

#868C86

#baf4b8 Dark Shades

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

#BAF4B8

#A7DCA6

#95C393

#82AB81

#70926E

#5D7A5C

#4A624A

#384937

#253125

#131812

#baf4b8 Red Shades

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

#BAF4B8

#C1DCA6

#C8C393

#CFAB81

#D6926E

#DD7A5C

#E3624A

#EA4937

#F13125

#F81812

#baf4b8 Green Shades

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

#BAF4B8

#A7E8A6

#95DD93

#82D181

#70C66E

#5DBA5C

#4AAE4A

#38A337

#259725

#138C12

#baf4b8 Blue Shades

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

#BAF4B8

#A7DCBF

#95C3C6

#82ABCD

#7092D4

#5D7ADC

#4A62E3

#3849EA

#2531F1

#1318F8

Readability Analysis

#baf4b8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.72	AAA	Sample Text
Red	3.18	A	Sample Text
Green	4.09	A	Sample Text
Blue	6.84	AA	Sample Text

#baf4b8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.72	AAA	Sample Text
Red	3.18	A	Sample Text
Green	4.09	A	Sample Text
Blue	6.84	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dfeab3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e6e6c4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c2eee4`
Protanopia	No red perception - Dichromacy	`#f5e4b0`
Deuteranopia	No green perception - Dichromacy	`#ffdecb`
Tritanopia	No blue perception - Dichromacy	`#c7eafd`
Achromatomaly	Partial color blindness - Monochromacy	`#d4e9d4`
Achromatopsia	Complete color blindness - Monochromacy	`#e3e3e3`

#baf4b8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#baf4b8 Light Tints

#baf4b8 Gray Shades

#baf4b8 Dark Shades

#baf4b8 Red Shades

#baf4b8 Green Shades

#baf4b8 Blue Shades

Readability Analysis

#baf4b8 as Text Color

#baf4b8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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