Html Css Color HEX #5A9ED2 Picton Blue

📋 copy color: '#5A9ED2'

red 90 ◦ green 158 ◦ blue 210

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

Shades of Picton Blue #5A9ED2

#5A9ED2
#487EA8
#3A6586
#2E516B
#254156
#1E3445
#182A37
#13222C
#0F1B23
#0C161C
#0A1216
#080E12
Black

Tints of Picton Blue #5A9ED2

#5A9ED2
#7BB1DB
#95C1E2
#AACDE8
#BBD7ED
#C9DFF1
#D4E5F4
#DDEAF6
#E4EEF8
#E9F1F9
#EDF4FA
#F1F6FB
White

RGB

 RED value IS 90 (35.55% from 255) = 19.65%

 GREEN value IS 158 (62.11% from 255) = 34.5%

 BLUE value IS 210 (82.42% from 255) = 45.85%

R = 19.65%
G = 34.5%
B = 45.85%

CMYK

 C value IS 0.57

 M value IS 0.25

 Y value IS 0

 K value IS 0.18

RGB Variations

RGB:
#5A9ED2
RBG:
#5AD29E
GRB:
#9E5AD2
GBR:
#9ED25A
BRG:
#D25AD2
BGR:
#D29E5A

Color information

#5A9ED2 (or 0x5A9ED2) is known color: Picton Blue. HEX triplet: 5A, 9E and D2. RGB value is (90,158,210). Sum of RGB (Red+Green+Blue) = 90+158+210=458 (60% of max value = 765). Red value is 90 (35.55% from 255 or 19.65% from 458); Green value is 158 (62.11% from 255 or 34.50% from 458); Blue value is 210 (82.42% from 255 or 45.85% from 458); Max value from RGB is 210 - color contains mainly: blue. Hex color #5A9ED2 is not a web safe color. Web safe color analog (approx): #6699CC. Inversed color of #5A9ED2 is #A5612D. Grayscale: #8F8F8F. Windows color (decimal): -10838318 or 13803098. OLE color: 13803098.

HSL color Cylindrical-coordinate representation of color #5A9ED2: hue angle of 206º degrees, saturation: 0.57, lightness: 0.59%. HSV value (or HSB Brightness) of color is 0.82% and HSV saturation: 0.57%. Process color model (Four color, CMYK) of #5A9ED2 is Cyan = 0.57, Magento = 0.25, Yellow = 0 and Black (K on CMYK) = 0.18.

Color convert

RGB 90 158 210 -
CMYK 0.57 0.25 0 0.18
HSL 206º 0.57% 0.59% -
HSV(B) 206º 0.57% 0.82% -
XYZ 28.08 31.28 65.53 -
YUV 143.6 165.47 89.77 -
System Red Green Blue C M Y K H S L
Decimal 90 158 210 0.57 0.25 0 0.18 206 0.57 0.59
Hex 5A 9E D2 39 19 0 12 CE 39 3B
Octal 132 236 322 71 31 0 22 316 71 73
Binary 1011010 10011110 11010010 111001 11001 0 10010 11001110 111001 111011

Color Harmonies of #5A9ED2

Triadic Colors

#D25A9E
#9ED25A

Analogous colors

#5A62D2
#5AD2CA

Split complements colors

#D25A62
#D2CA5A

Complementary color

#D28E5A

Monochromatic Colors of #5A9ED2

#D6E6F3
#ADCFE9
#819BAE
#43769D
#2D4F69
#213B4E

Black with #5A9ED2

Text Example


Text Example

White with #5A9ED2

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #5A9ED2; }

 p { color: rgb(90,158,210); }

 H1.HeaderClassName
 {
   color: #5A9ED2;
 }
 .AnyTagClassName
 {
   color: #5A9ED2;
 }
</style>

background-color css

<style>
 a { background-color: #5A9ED2; }

 a { background-color: rgb(90,158,210); }

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

border-color css

<style>
 span { border-color: #5A9ED2; }

 span { border-color: rgb(90,158,210); }

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