Html Css Color HEX #48B2DF Summer Sky

📋 copy color: '#48B2DF'

red 72 ◦ green 178 ◦ blue 223

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

Shades of Summer Sky #48B2DF

#48B2DF
#3A8EB2
#2E728E
#255B72
#1E495B
#183A49
#132E3A
#0F252E
#0C1E25
#0A181E
#081318
#060F13
Black

Tints of Summer Sky #48B2DF

#48B2DF
#6DC1E5
#8ACDEA
#A1D7EE
#B4DFF1
#C3E5F4
#CFEAF6
#D9EEF8
#E1F1F9
#E7F4FA
#ECF6FB
#F0F8FC
White

RGB

 RED value IS 72 (28.52% from 255) = 15.22%

 GREEN value IS 178 (69.92% from 255) = 37.63%

 BLUE value IS 223 (87.5% from 255) = 47.15%

R = 15.22%
G = 37.63%
B = 47.15%

CMYK

 C value IS 0.68

 M value IS 0.20

 Y value IS 0

 K value IS 0.13

RGB Variations

RGB:
#48B2DF
RBG:
#48DFB2
GRB:
#B248DF
GBR:
#B2DF48
BRG:
#DF48DF
BGR:
#DFB248

Color information

#48B2DF (or 0x48B2DF) is known color: Summer Sky. HEX triplet: 48, B2 and DF. RGB value is (72,178,223). Sum of RGB (Red+Green+Blue) = 72+178+223=473 (62% of max value = 765). Red value is 72 (28.52% from 255 or 15.22% from 473); Green value is 178 (69.92% from 255 or 37.63% from 473); Blue value is 223 (87.5% from 255 or 47.15% from 473); Max value from RGB is 223 - color contains mainly: blue. Hex color #48B2DF is not a web safe color. Web safe color analog (approx): #3399CC. Inversed color of #48B2DF is #B74D20. Grayscale: #979797. Windows color (decimal): -12012833 or 14660168. OLE color: 14660168.

HSL color Cylindrical-coordinate representation of color #48B2DF: hue angle of 197.88º degrees, saturation: 0.7, lightness: 0.58%. HSV value (or HSB Brightness) of color is 0.87% and HSV saturation: 0.68%. Process color model (Four color, CMYK) of #48B2DF is Cyan = 0.68, Magento = 0.20, Yellow = 0 and Black (K on CMYK) = 0.13.

Color convert

RGB 72 178 223 -
CMYK 0.68 0.20 0 0.13
HSL 197.88º 0.7% 0.58% -
HSV(B) 197.88º 0.68% 0.87% -
XYZ 31.91 38.55 75.57 -
YUV 151.44 168.38 71.34 -
System Red Green Blue C M Y K H S L
Decimal 72 178 223 0.68 0.20 0 0.13 197.88 0.7 0.58
Hex 48 B2 DF 44 14 0 D C6 46 3A
Octal 110 262 337 104 24 0 15 306 106 72
Binary 1001000 10110010 11011111 1000100 10100 0 1101 11000110 1000110 111010

Color Harmonies of #48B2DF

Triadic Colors

#DF48B2
#B2DF48

Analogous colors

#4866DF
#48DFC0

Split complements colors

#DF4866
#DFC048

Complementary color

#DF7548

Monochromatic Colors of #48B2DF

#D1EBF6
#A4D9EF
#7BA2B3
#3685A7
#24596F
#1B4253

Black with #48B2DF

Text Example


Text Example

White with #48B2DF

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #48B2DF; }

 p { color: rgb(72,178,223); }

 H1.HeaderClassName
 {
   color: #48B2DF;
 }
 .AnyTagClassName
 {
   color: #48B2DF;
 }
</style>

background-color css

<style>
 a { background-color: #48B2DF; }

 a { background-color: rgb(72,178,223); }

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

border-color css

<style>
 span { border-color: #48B2DF; }

 span { border-color: rgb(72,178,223); }

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