Html Css Color HEX #488ED9 Picton Blue

📋 copy color: '#488ED9'

red 72 ◦ green 142 ◦ blue 217

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

Shades of Picton Blue #488ED9

#488ED9
#3A72AE
#2E5B8B
#25496F
#1E3A59
#182E47
#132539
#0F1E2E
#0C1825
#0A131E
#080F18
#060C13
Black

Tints of Picton Blue #488ED9

#488ED9
#6DA5E1
#8AB7E7
#A1C5EC
#B4D1F0
#C3DAF3
#CFE1F5
#D9E7F7
#E1ECF9
#E7F0FA
#ECF3FB
#F0F5FC
White

RGB

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

 GREEN value IS 142 (55.86% from 255) = 32.95%

 BLUE value IS 217 (85.16% from 255) = 50.35%

R = 16.71%
G = 32.95%
B = 50.35%

CMYK

 C value IS 0.67

 M value IS 0.35

 Y value IS 0

 K value IS 0.15

RGB Variations

RGB:
#488ED9
RBG:
#48D98E
GRB:
#8E48D9
GBR:
#8ED948
BRG:
#D948D9
BGR:
#D98E48

Color information

#488ED9 (or 0x488ED9) is known color: Picton Blue. HEX triplet: 48, 8E and D9. RGB value is (72,142,217). Sum of RGB (Red+Green+Blue) = 72+142+217=431 (57% of max value = 765). Red value is 72 (28.52% from 255 or 16.71% from 431); Green value is 142 (55.86% from 255 or 32.95% from 431); Blue value is 217 (85.16% from 255 or 50.35% from 431); Max value from RGB is 217 - color contains mainly: blue. Hex color #488ED9 is not a web safe color. Web safe color analog (approx): #3399CC. Inversed color of #488ED9 is #B77126. Grayscale: #818181. Windows color (decimal): -12022055 or 14257736. OLE color: 14257736.

HSL color Cylindrical-coordinate representation of color #488ED9: hue angle of 211.03º degrees, saturation: 0.66, lightness: 0.57%. HSV value (or HSB Brightness) of color is 0.85% and HSV saturation: 0.67%. Process color model (Four color, CMYK) of #488ED9 is Cyan = 0.67, Magento = 0.35, Yellow = 0 and Black (K on CMYK) = 0.15.

Color convert

RGB 72 142 217 -
CMYK 0.67 0.35 0 0.15
HSL 211.03º 0.66% 0.57% -
HSV(B) 211.03º 0.67% 0.85% -
XYZ 24.87 25.73 69.3 -
YUV 129.62 177.31 86.9 -
System Red Green Blue C M Y K H S L
Decimal 72 142 217 0.67 0.35 0 0.15 211.03 0.66 0.57
Hex 48 8E D9 43 23 0 F D3 42 39
Octal 110 216 331 103 43 0 17 323 102 71
Binary 1001000 10001110 11011001 1000011 100011 0 1111 11010011 1000010 111001

Color Harmonies of #488ED9

Triadic Colors

#D9488E
#8ED948

Analogous colors

#4A48D9
#48D6D9

Split complements colors

#D94A48
#D6D948

Complementary color

#D99348

Monochromatic Colors of #488ED9

#D1E2F5
#A4C7EC
#7B95B1
#366AA2
#24476C
#1B3551

Black with #488ED9

Text Example


Text Example

White with #488ED9

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #488ED9; }

 p { color: rgb(72,142,217); }

 H1.HeaderClassName
 {
   color: #488ED9;
 }
 .AnyTagClassName
 {
   color: #488ED9;
 }
</style>

background-color css

<style>
 a { background-color: #488ED9; }

 a { background-color: rgb(72,142,217); }

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

border-color css

<style>
 span { border-color: #488ED9; }

 span { border-color: rgb(72,142,217); }

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