Color picker

#6dd8f6

Conversion

HEX#6dd8f6
HEX8#6dd8f6ff
RGBrgb(109, 216, 246)
CMYK[0.56,0.12,0,0.04]
Name#6dd8f6
HCL[226.76,33.03,81.3]
oklab[0.83,-0.08,-0.07]
Num7198966
HSI[192.02,0.43,0.75]
lab[81.3,-22.63,-24.06]
Lighten
#cdf2fc
Darken
#0fbdee
Saturate
#64ddff
Desaturate
#7ccfe6
Greyscale
#b1b1b1
Brighten
#a0ffff

Color harmonies of #6dd8f6

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.
#6dd8f6
#f66dd8
#d8f66d

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.
#6dd8f6
#cf6df6
#f68b6d
#93f66d

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.
#6dd8f6
#0f1d21
#22434c
#356876
#478da1
#5ab3cb

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.
#6dd8f6
#6df6dd
#6df3f6
#6dd8f6
#6dbdf6
#6da1f6

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#6dd8f6
#a66df6
#f6dd6d

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
#f5fcfe
#eaf9fe
#e0f7fd
#d5f4fc
#cbf1fc
#c0eefb
#b6ecfb
#ace9fa
#a1e6f9
#97e3f9
#8ce0f8
#82def7
#77dbf7
#6dd8f6

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#080f12
#101f23
#172e35
#1f3e46
#274d58
#2f5d69
#376c7b
#3e7b8d
#468b9e
#4e9ab0
#56aac1
#5db9d3
#65c9e4
#6dd8f6

Contrast Checker

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

1.64 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.803 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 #6dd8f6

Some examples of color palettes with #6dd8f6. View more

Use #6dd8f6 in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet