Color picker

#bac4ea

Conversion

HEX#bac4ea
HEX8#bac4eaff
RGBrgb(186, 196, 234)
CMYK[0.21,0.16,0,0.08]
Name#bac4ea
HCL[282.61,20.45,79.53]
oklab[0.83,0,-0.05]
Num12240106
HSI[228.61,0.09,0.81]
lab[79.53,4.46,-19.96]
Lighten
#ffffff
Darken
#6c81d2
Saturate
#b1bff3
Desaturate
#c3c9e1
Greyscale
#d2d2d2
Brighten
#edf7ff

Color harmonies of #bac4ea

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#bac4ea
#eabac4
#c4eaba

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#bac4ea
#eabadc
#eae0ba
#baeac8

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#bac4ea
#111215
#333640
#55596a
#767d95
#98a0bf

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#bac4ea
#bad7ea
#baceea
#bac4ea
#babaea
#c3baea

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#bac4ea
#eabaea
#d7eaba

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#fafbfe
#f5f7fc
#f0f2fb
#ebeef9
#e6eaf8
#e1e6f6
#dde2f5
#d8ddf3
#d3d9f2
#ced5f0
#c9d1ef
#c4cced
#bfc8ec
#bac4ea

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0d0e11
#1b1c21
#282a32
#353843
#424654
#505464
#5d6275
#6a7086
#787e96
#858ca7
#929ab8
#9fa8c9
#adb6d9
#bac4ea

Contrast Checker

Verify the contrast of a #bac4ea colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

1.725 Very Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
12.172 Super When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #bac4ea

Some examples of color palettes with #bac4ea. View more

Use #bac4ea in CSS

#bac4ea as Background Color in CSS
<div style="background-color:#bac4ea">Background Color</div>
#bac4ea as Text Color in CSS
<div style="color:#bac4ea">Text Color</div>
#bac4ea as Border Color in CSS
<div style="border-color:#bac4ea">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet