0 views

#baf8ce - Color Information

#baf8ce

Base Information

HEX

#baf8ce

RGB

186,248,206

HSL

139,82,85

HSV

139,25,97

CMYK

25,0,17,3

LAB

93,-28,14

LCH

93,31,153

XYZ

65,82,71

Web Safe

#ccffcc

Web Smart

#bbffcc

luminosity

0.8203

is dark color

Pantone Color

W3C Color

Generate #baf8ce solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#baf8ce

#F8BAE4

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

#baf8ce

#EDBAF8

#F8BAC5

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

#baf8ce

#CEBAF8

#F8CEBA

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

#baf8ce

#BAC5F8

#F8BAE4

#F8EDBA

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

#baf8ce

#F8BAE4

#EDBAF8

#F8BAC5

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

#baf8ce

#BAF8ED

#BAE4F8

#BAC5F8

Shades

#baf8ce Light Tints

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

#BAF8CE

#C1F9D3

#C8F9D8

#CFFADD

#D6FBE2

#DDFCE7

#E3FCEB

#EAFDF0

#F1FEF5

#F8FEFA

#baf8ce Gray Shades

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

#BAF8CE

#B4ECC6

#AEE0BE

#A9D4B7

#A3C8AF

#9DBCA7

#97B09F

#91A497

#8C9890

#868C88

#baf8ce Dark Shades

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

#BAF8CE

#A7DFB9

#95C6A5

#82AE90

#70957C

#5D7C67

#4A6352

#384A3E

#253229

#131915

#baf8ce Red Shades

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

#BAF8CE

#C1DFB9

#C8C6A5

#CFAE90

#D6957C

#DD7C67

#E36352

#EA4A3E

#F13229

#F81915

#baf8ce Green Shades

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

#BAF8CE

#A7ECB9

#95E0A5

#82D490

#70C87C

#5DBC67

#4AB052

#38A43E

#259829

#138C15

#baf8ce Blue Shades

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

#BAF8CE

#A7DFD3

#95C6D8

#82AEDD

#7095E2

#5D7CE7

#4A63EB

#384AF0

#2532F5

#1319FA

Readability Analysis

#baf8ce as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.41	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.12	AAA	Sample Text

#baf8ce as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.41	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.12	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e0eec9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e6ebd6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c5f2ed`
Protanopia	No red perception - Dichromacy	`#f6e8c6`
Deuteranopia	No green perception - Dichromacy	`#ffe3db`
Tritanopia	No blue perception - Dichromacy	`#cbefff`
Achromatomaly	Partial color blindness - Monochromacy	`#d7eede`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#baf8ce Color Code

Name	Code
#baf8ce css background color code	`.bg { background-color: #baf8ce; }`
#baf8ce css text color code	`.text { color: #baf8ce; }`
#baf8ce css border color code	`.border { border-color: #baf8ce; }`

#baf8ce - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Pantone Color

W3C Color

Generate #baf8ce solid background color

Combinations

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

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

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

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

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

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

Shades

#baf8ce Light Tints

#baf8ce Gray Shades

#baf8ce Dark Shades

#baf8ce Red Shades

#baf8ce Green Shades

#baf8ce Blue Shades

Readability Analysis

#baf8ce as Text Color

#baf8ce as Background Color

Color Blindness Simulation

#baf8ce Color Code

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

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

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

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

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

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