Html Css Color HEX #5AA2C4 Picton Blue

📋 copy color: '#5AA2C4'

red 90 ◦ green 162 ◦ blue 196

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

Shades of Picton Blue #5AA2C4

#5AA2C4
#48829D
#3A687E
#2E5365
#254251
#1E3541
#182A34
#13222A
#0F1B22
#0C161B
#0A1216
#080E12
Black

Tints of Picton Blue #5AA2C4

#5AA2C4
#7BB5D0
#95C4D9
#AAD0E1
#BBD9E7
#C9E1EC
#D4E7F0
#DDECF3
#E4F0F5
#E9F3F7
#EDF5F9
#F1F7FA
White

RGB

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

 GREEN value IS 162 (63.67% from 255) = 36.16%

 BLUE value IS 196 (76.95% from 255) = 43.75%

R = 20.09%
G = 36.16%
B = 43.75%

CMYK

 C value IS 0.54

 M value IS 0.17

 Y value IS 0

 K value IS 0.23

RGB Variations

RGB:
#5AA2C4
RBG:
#5AC4A2
GRB:
#A25AC4
GBR:
#A2C45A
BRG:
#C45AC4
BGR:
#C4A25A

Color information

#5AA2C4 (or 0x5AA2C4) is known color: Picton Blue. HEX triplet: 5A, A2 and C4. RGB value is (90,162,196). Sum of RGB (Red+Green+Blue) = 90+162+196=448 (59% of max value = 765). Red value is 90 (35.55% from 255 or 20.09% from 448); Green value is 162 (63.67% from 255 or 36.16% from 448); Blue value is 196 (76.95% from 255 or 43.75% from 448); Max value from RGB is 196 - color contains mainly: blue. Hex color #5AA2C4 is not a web safe color. Web safe color analog (approx): #6699CC. Inversed color of #5AA2C4 is #A55D3B. Grayscale: #909090. Windows color (decimal): -10837308 or 12886618. OLE color: 12886618.

HSL color Cylindrical-coordinate representation of color #5AA2C4: hue angle of 199.25º degrees, saturation: 0.47, lightness: 0.56%. HSV value (or HSB Brightness) of color is 0.77% and HSV saturation: 0.54%. Process color model (Four color, CMYK) of #5AA2C4 is Cyan = 0.54, Magento = 0.17, Yellow = 0 and Black (K on CMYK) = 0.23.

Color convert

RGB 90 162 196 -
CMYK 0.54 0.17 0 0.23
HSL 199.25º 0.47% 0.56% -
HSV(B) 199.25º 0.54% 0.77% -
XYZ 27.1 32 56.97 -
YUV 144.35 157.15 89.24 -
System Red Green Blue C M Y K H S L
Decimal 90 162 196 0.54 0.17 0 0.23 199.25 0.47 0.56
Hex 5A A2 C4 36 11 0 17 C7 2F 38
Octal 132 242 304 66 21 0 27 307 57 70
Binary 1011010 10100010 11000100 110110 10001 0 10111 11000111 101111 111000

Color Harmonies of #5AA2C4

Triadic Colors

#C45AA2
#A2C45A

Analogous colors

#5A6DC4
#5AC4B1

Split complements colors

#C45A6D
#C4B15A

Complementary color

#C47C5A

Monochromatic Colors of #5AA2C4

#D6E7F0
#ADD1E2
#819CA9
#437993
#2D5162
#213C49

Black with #5AA2C4

Text Example


Text Example

White with #5AA2C4

Text Example


Text Example

HTML Codes & Css Web design

color css

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

 p { color: rgb(90,162,196); }

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

background-color css

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

 a { background-color: rgb(90,162,196); }

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

border-color css

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

 span { border-color: rgb(90,162,196); }

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