0 views

#baf4b7 - Color Information

#baf4b7

Base Information

HEX

#baf4b7

RGB

186,244,183

HSL

117,73,84

HSV

117,25,96

CMYK

24,0,25,4

LAB

91,-30,24

LCH

91,38,142

XYZ

61,79,57

Web Safe

#ccffcc

Web Smart

#bbeebb

is dark

luminosity

0.7856

Pantone Color

Combinations

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

#baf4b7

#F1B7F4

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

#baf4b7

#D3B7F4

#F4B7D9

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

#baf4b7

#B7BAF4

#F4B7BA

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

#baf4b7

#B7D9F4

#F1B7F4

#F4D3B7

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

#baf4b7

#F1B7F4

#D3B7F4

#F4B7D9

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

#baf4b7

#B7F4D3

#B7F4F1

#B7D9F4

Shades

#baf4b7 Light Tints

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

#BAF4B7

#C1F5BE

#C8F6C5

#CFF7CD

#D6F8D4

#DDFADB

#E3FBE2

#EAFCE9

#F1FDF1

#F8FEF8

#baf4b7 Gray Shades

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

#BAF4B7

#B4E8B2

#AEDDAC

#A9D1A7

#A3C6A1

#9DBA9C

#97AE96

#91A391

#8C978B

#868C86

#baf4b7 Dark Shades

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

#BAF4B7

#A7DCA5

#95C392

#82AB80

#70926E

#5D7A5C

#4A6249

#384937

#253125

#131812

#baf4b7 Red Shades

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

#BAF4B7

#C1DCA5

#C8C392

#CFAB80

#D6926E

#DD7A5C

#E36249

#EA4937

#F13125

#F81812

#baf4b7 Green Shades

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

#BAF4B7

#A7E8A5

#95DD92

#82D180

#70C66E

#5DBA5C

#4AAE49

#38A337

#259725

#138C12

#baf4b7 Blue Shades

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

#BAF4B7

#A7DCBE

#95C3C5

#82ABCD

#7092D4

#5D7ADB

#4A62E2

#3849E9

#2531F1

#1318F8

Readability Analysis

#baf4b7 as Text Color

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

#baf4b7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.71	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	`#dfeab2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e6e6c3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c2eee3`
Protanopia	No red perception - Dichromacy	`#f5e4af`
Deuteranopia	No green perception - Dichromacy	`#ffdeca`
Tritanopia	No blue perception - Dichromacy	`#c7eafc`
Achromatomaly	Partial color blindness - Monochromacy	`#d4e9d3`
Achromatopsia	Complete color blindness - Monochromacy	`#e3e3e3`

#baf4b7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#baf4b7 Light Tints

#baf4b7 Gray Shades

#baf4b7 Dark Shades

#baf4b7 Red Shades

#baf4b7 Green Shades

#baf4b7 Blue Shades

Readability Analysis

#baf4b7 as Text Color

#baf4b7 as Background Color

Color Blindness Simulation

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

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

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

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

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

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