Color picker

#63b2ee

Conversion

HEX#63b2ee
HEX8#63b2eeff
RGBrgb(99, 178, 238)
CMYK[0.58,0.25,0,0.07]
Name#63b2ee
HCL[259.33,37.93,69.94]
oklab[0.74,-0.05,-0.1]
Num6533870
HSI[205.49,0.42,0.67]
lab[69.94,-7.02,-37.27]
Lighten
#bfdff8
Darken
#1782d4
Saturate
#52b4ff
Desaturate
#74b0dd
Greyscale
#a8a8a8
Brighten
#96e5ff

Color harmonies of #63b2ee

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.
#63b2ee
#ee63b2
#b2ee63

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.
#63b2ee
#e463ee
#ee9f63
#6cee63

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.
#63b2ee
#0b131a
#1c3344
#2e536e
#407299
#5192c3

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.
#63b2ee
#63eaee
#63ceee
#63b2ee
#6396ee
#637aee

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#63b2ee
#bb63ee
#eaee63

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
#f4fafe
#e9f4fd
#deeffb
#d2e9fa
#c7e4f9
#bcdef8
#b1d9f7
#a6d3f5
#9bcef4
#90c8f3
#84c3f2
#79bdf0
#6eb8ef
#63b2ee

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#070d11
#0e1922
#152633
#1c3344
#234055
#2a4c66
#325977
#396688
#407299
#477faa
#4e8cbb
#5599cc
#5ca5dd
#63b2ee

Contrast Checker

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

2.299 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!
9.133 Very Good 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 #63b2ee

Some examples of color palettes with #63b2ee. View more

Use #63b2ee in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet