#0264ae Color Hex Cobalt Stone

Information about Cobalt Stone Color | #0000FF

#0264ae color RGB value is (2,100,174). #0264ae color name is Cobalt Stone color.

#0264ae hex color red value is 2 , green value is 100 and the blue value of its RGB is 174 . Cylindrical-coordinate representations (also known as HSL) of color #0264ae hue: 206 , saturation: 98 and the lightness value of #0264ae is 35

The process color (four color CMYK) of #0264ae color hex is 39 , 17 ,0, 12 .

#0264ae

~Cobalt Stone

Color Converions

HEX
#0264ae
RGB
2,100,174
LAB
41,-2,-47
CMYK
99,43,0,32
LCH
41,47,-93
XYZ
12,12,42
HSV
206,99,68
HSL
206,98,35

Base Numbers

Base Red Green Blue
Binary 10 1100100 10101110
Octal 2 144 256
Decimal 2 100 174
Hex 02 64 ae

RGB Percentages of Color #0264ae

1%
39%
68%

CMYK Percentages of Color #0264ae

39%
0%
17%
12%

Color Variations

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

Shades of #0264ae

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#0264ae
20%
#025a9d
30%
#02508b
40%
#01467a
50%
#013c68
60%
#013257
70%
#012846
80%
#011e34
90%
#001423
100%
#000a11

Tints of #0264ae

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#0264ae
20%
#1b74b6
30%
#3583be
40%
#4e93c6
50%
#67a2ce
60%
#81b2d6
70%
#9ac1df
80%
#b3d1e7
90%
#cce0ef
100%
#e6f0f7

Tones of #0264ae

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#0264ae
20%
#0f67a9
30%
#1b6aa5
40%
#286ca0
50%
#346f9b
60%
#417297
70%
#4d7592
80%
#5a778d
90%
#667a89
100%
#737d84

Color harmonies

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

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#0264ae
#02a9ae
#0286ae
#0264ae
#0242ae
#021fae

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#0264ae
#ae4c02

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#0264ae
#6e02ae
#a9ae02

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#0264ae
#ae0264
#64ae02

Tetradic

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.
#0264ae
#a202ae
#ae4c02
#0eae02

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#0264ae
#027cd8
#000204
#011b2e
#013359
#024c83

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#0264ae

protanopia

#4060a9

deuteranopia

#1664ad

tritanopia

#006d74

achromatopsia

#555555

protanomaly

#2961ab

deuteranomaly

#0e64ad

achromatopsia

#555555

tritanomaly

#016989

achromatomaly

#375a75

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Good 6/21
Hello World ! 6

Black background-color

Poor 3/21
Hello World !

#0264ae Color CSS Codes

.bgcolor {background-color:#0264ae; } 
.forecolor {color:#0264ae; }
.bordercolor {border:3px solid #0264ae; }
            

#0264ae Text Font Color

<div style="color:#0264ae">
Div content here</div>

This sample text font color is #0264ae
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#0264ae Background Color

<div style="background-color:#0264ae">
Div content here</div>
Div content here

#0264ae Border Color

<div style="border:3px solid #0264ae">
Div here</div>

This div border color is #0264ae

#0264ae Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #0264ae; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #0264ae; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #0264ae;
  -webkit-box-shadow: 1px 1px 3px 2px #0264ae;
  box-shadow: 1px 1px 3px 2px #0264ae; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #0264ae">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #0264ae;
              -webkit-box-shadow: 1px 1px 3px 2px #0264ae;
              box-shadow:         1px 1px 3px 2px #0264ae#0264ae">
Div content here</div>

This div box has shadow with color #0264ae

More Colors

Bee Pollen
#ebca70
Phuket Palette
#0480bd
Lavender Lustre
#8c9cc1
India Green
#138808
Champagne Burst
#f1e4cb
Blue Feather
#aed9ec
Egg Wash
#e2e1c8
Medium Persian Blue
#0067a5
Lily Pond Blue
#55707f
Hakusai Green
#88b378
Brochantite Green
#486262
Light Sea Cliff
#b9d4e7
Lime Sherbet
#cdd78a
Joshua Tree
#7fb377
Adirondack
#b0b9c1
Piccadilly Grey
#625d5d
Mustard Green
#a8b504
Battle Cat
#2b7414
Budōnezumi Grape
#63424b
Colonial Revival Sea Green
#aebea6
Pale Grey Magenta
#e7d8ea
Llama Wool
#917864
Golden Plumeria
#fbd073
Ocean Depths
#006175
Art Nouveau Glass
#a29aa0
Arctic Air
#cbd8e5
Minified Jade
#c1e3e9
Eggplant Ash
#656579
Highlight
#eef0de
Courtyard Green
#978d71
Nori Seaweed Green
#464826
Carmen
#7c383f
Delicious Mandarin
#ffaa11
Charcoal Smudge
#60605e
Chinois Green
#7c8c87
Fuzzy Sheep
#f0e9d1
Mohair Soft Blue Grey
#97b2b7
Grimace
#50314c
Mustard Sauce
#edbd68
rating-img
Rate this tool
NaN/5   0 votes