#007ba7 Color Hex Celadon Blue

Information about Celadon Blue Color | #0000FF

#007ba7 color RGB value is (0,123,167). #007ba7 color name is Celadon Blue color.

#007ba7 hex color red value is 0 , green value is 123 and the blue value of its RGB is 167 . Cylindrical-coordinate representations (also known as HSL) of color #007ba7 hue: 196 , saturation: 100 and the lightness value of #007ba7 is 33

The process color (four color CMYK) of #007ba7 color hex is 39 , 10 ,0, 14 .

#007ba7

~Celadon Blue

Color Converions

HEX
#007ba7
RGB
0,123,167
LAB
48,-17,-32
CMYK
100,26,0,35
LCH
48,36,-118
XYZ
14,17,39
HSV
196,100,65
HSL
196,100,33

Base Numbers

Base Red Green Blue
Binary 0 1111011 10100111
Octal 0 173 247
Decimal 0 123 167
Hex 00 7b a7

RGB Percentages of Color #007ba7

0%
48%
65%

CMYK Percentages of Color #007ba7

39%
0%
10%
14%

Color Variations

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

Shades of #007ba7

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

10%
#007ba7
20%
#006f96
30%
#006286
40%
#005675
50%
#004a64
60%
#003e54
70%
#003143
80%
#002532
90%
#001921
100%
#000c11

Tints of #007ba7

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

10%
#007ba7
20%
#1a88b0
30%
#3395b9
40%
#4da3c1
50%
#66b0ca
60%
#80bdd3
70%
#99cadc
80%
#b3d7e5
90%
#cce5ed
100%
#e5f2f6

Tones of #007ba7

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

10%
#007ba7
20%
#0d7ba3
30%
#1a7c9f
40%
#267c9b
50%
#337d97
60%
#407d93
70%
#4d7e8f
80%
#597e8b
90%
#667f87
100%
#737f83

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.
#007ba7
#00a790
#009ca7
#007ba7
#005aa7
#0038a7

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#007ba7
#a72c00

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#007ba7
#4d00a7
#a79000

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#007ba7
#a7007b
#7ba700

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.
#007ba7
#7f00a7
#a72c00
#27a700

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#007ba7
#009ad1
#00bafc
#001d27
#003c52
#005c7c

Blindness simulator

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

Normal

#007ba7

protanopia

#63709e

deuteranopia

#5771a9

tritanopia

#007e87

achromatopsia

#646464

protanomaly

#3f74a1

deuteranomaly

#3875a8

achromatopsia

#646464

tritanomaly

#007d93

achromatomaly

#406c7c

Contrast Checker

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

White background

Good 5/21
Hello World ! 5

Black background-color

Poor 4/21
Hello World !

#007ba7 Color CSS Codes

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

#007ba7 Text Font Color

<div style="color:#007ba7">
Div content here</div>

This sample text font color is #007ba7
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.

#007ba7 Background Color

<div style="background-color:#007ba7">
Div content here</div>
Div content here

#007ba7 Border Color

<div style="border:3px solid #007ba7">
Div here</div>

This div border color is #007ba7

#007ba7 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #007ba7

More Colors

Café Noir
#4b3621
Chocolate Lust
#993322
Blowout
#658499
Erythrosine
#fc7ab0
Focus on Light
#fef9d3
Aries Hot Pink
#f887c7
Bright Moon
#f6f1e5
Award Night
#54617d
Pink Plastic Fantastic
#fc80c3
Garden Seat
#ebe6c7
Paper White
#eef0f3
Iced Aqua
#abd3db
Periwinkle
#8e82fe
Carrot Orange
#ed9121
Deep Champagne
#fad6c5
Britches
#a09073
English Walnut
#3e2b23
Deep Cerulean
#007bbb
Blaze
#fa8c4f
Coyote Tracks
#b08f7f
Mountain Pass
#5c6a6a
Fresh Clay
#be8035
New Frond
#bacca0
Flowing River
#335e6f
Frostwork
#eff1e3
Green Balsam
#a0ac9e
Frozen Landscape
#aee4ff
Lion's Lair
#81522e
Evening Sand
#ddb6ab
Cowboy Boots
#695239
Holly Bush
#355d51
Evil Eye
#1100cc
Banana Clan
#eedd00
Berkshire Lace
#f0e1cf
Pewter Vase
#cececb
Fine Porcelain
#faf0e1
Delicate Daisy
#e9edc0
Dark Side
#004444
Bonne Nuit
#3a4866
Mud Brown
#60460f
rating-img
Rate this tool
NaN/5   0 votes