Html Css Color HEX #30A5D4 Summer Sky

📋 copy color: '#30A5D4'

red 48 ◦ green 165 ◦ blue 212

#30A5D4
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Summer Sky #30A5D4

#30A5D4
#2684AA
#1E6A88
#18556D
#134457
#0F3646
#0C2B38
#0A222D
#081B24
#06161D
#051217
#040E12
Black

Tints of Summer Sky #30A5D4

#30A5D4
#59B7DD
#7AC5E4
#95D1E9
#AADAED
#BBE1F1
#C9E7F4
#D4ECF6
#DDF0F8
#E4F3F9
#E9F5FA
#EDF7FB
White

RGB

 RED value IS 48 (19.14% from 255) = 11.29%

 GREEN value IS 165 (64.84% from 255) = 38.82%

 BLUE value IS 212 (83.2% from 255) = 49.88%

R = 11.29%
G = 38.82%
B = 49.88%

CMYK

 C value IS 0.77

 M value IS 0.22

 Y value IS 0

 K value IS 0.17

RGB Variations

RGB:
#30A5D4
RBG:
#30D4A5
GRB:
#A530D4
GBR:
#A5D430
BRG:
#D430D4
BGR:
#D4A530

Color information

#30A5D4 (or 0x30A5D4) is known color: Summer Sky. HEX triplet: 30, A5 and D4. RGB value is (48,165,212). Sum of RGB (Red+Green+Blue) = 48+165+212=425 (56% of max value = 765). Red value is 48 (19.14% from 255 or 11.29% from 425); Green value is 165 (64.84% from 255 or 38.82% from 425); Blue value is 212 (83.20% from 255 or 49.88% from 425); Max value from RGB is 212 - color contains mainly: blue. Hex color #30A5D4 is not a web safe color. Web safe color analog (approx): #3399CC. Inversed color of #30A5D4 is #CF5A2B. Grayscale: #878787. Windows color (decimal): -13589036 or 13935920. OLE color: 13935920.

HSL color Cylindrical-coordinate representation of color #30A5D4: hue angle of 197.2º degrees, saturation: 0.66, lightness: 0.51%. HSV value (or HSB Brightness) of color is 0.83% and HSV saturation: 0.77%. Process color model (Four color, CMYK) of #30A5D4 is Cyan = 0.77, Magento = 0.22, Yellow = 0 and Black (K on CMYK) = 0.17.

Color convert

RGB 48 165 212 -
CMYK 0.77 0.22 0 0.17
HSL 197.2º 0.66% 0.51% -
HSV(B) 197.2º 0.77% 0.83% -
XYZ 26.56 32.29 67.12 -
YUV 135.38 171.24 65.68 -
System Red Green Blue C M Y K H S L
Decimal 48 165 212 0.77 0.22 0 0.17 197.2 0.66 0.51
Hex 30 A5 D4 4D 16 0 11 C5 42 33
Octal 60 245 324 115 26 0 21 305 102 63
Binary 110000 10100101 11010100 1001101 10110 0 10001 11000101 1000010 110011

Color Harmonies of #30A5D4

Triadic Colors

#D430A5
#A5D430

Analogous colors

#3053D4
#30D4B1

Split complements colors

#D43053
#D4B130

Complementary color

#D45F30

Monochromatic Colors of #30A5D4

#CBE8F4
#98D2EA
#729DAF
#247B9F
#18526A
#123D4F

Black with #30A5D4

Text Example


Text Example

White with #30A5D4

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #30A5D4; }

 p { color: rgb(48,165,212); }

 H1.HeaderClassName
 {
   color: #30A5D4;
 }
 .AnyTagClassName
 {
   color: #30A5D4;
 }
</style>

background-color css

<style>
 a { background-color: #30A5D4; }

 a { background-color: rgb(48,165,212); }

 div.DivClassName
 {
   background-color: #30A5D4;
 }
 .BgClassName
 {
   background-color: #30A5D4;
 }
</style>

border-color css

<style>
 span { border-color: #30A5D4; }

 span { border-color: rgb(48,165,212); }

 td.TdClassName
 {
   border-color: #30A5D4;
 }
 .TagClassName
 {
   border-color: #30A5D4;
 }
</style>