Color picker

#3fedff

Conversion

HEX#3fedff
HEX8#3fedffff
RGBrgb(63, 237, 255)
CMYK[0.75,0.07,0,0]
Name#3fedff
HCL[209.84,42.48,86.42]
oklab[0.87,-0.12,-0.06]
Num4189695
HSI[184.87,0.66,0.73]
lab[86.42,-36.85,-21.14]
Lighten
#a5f7ff
Darken
#00c4d8
Saturate
#3fedff
Desaturate
#52ddec
Greyscale
#9f9f9f
Brighten
#72ffff

Color harmonies of #3fedff

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.
#3fedff
#ff3fed
#edff3f

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.
#3fedff
#b13fff
#ff513f
#8dff3f

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.
#3fedff
#0a272a
#154f55
#207780
#2a9eaa
#35c5d4

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.
#3fedff
#3fffc4
#3fffeb
#3fedff
#3fc7ff
#3fa0ff

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3fedff
#773fff
#ffc43f

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
#f1feff
#e4fcff
#d6fbff
#c8faff
#baf9ff
#adf7ff
#9ff6ff
#91f5ff
#84f3ff
#76f2ff
#68f1ff
#5af0ff
#4deeff
#3fedff

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#051112
#092224
#0e3337
#124449
#17555b
#1b666d
#207780
#248792
#2998a4
#2da9b6
#32bac8
#36cbdb
#3bdced
#3fedff

Contrast Checker

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

1.422 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!
14.769 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 #3fedff

Some examples of color palettes with #3fedff. View more

Use #3fedff in CSS

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

No palettes yet

Colors

No colors yet

Gradients

No gradients yet