Html Css Color HEX #1563F5 Navy Blue

📋 copy color: '#1563F5'

red 21 ◦ green 99 ◦ blue 245

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

Shades of Navy Blue #1563F5

#1563F5
#114FC4
#0E3F9D
#0B327E
#092865
#072051
#061A41
#051534
#04112A
#030E22
#020B1B
#020916
Black

Tints of Navy Blue #1563F5

#1563F5
#4482F7
#699BF9
#87AFFA
#9FBFFB
#B2CCFC
#C1D6FD
#CDDEFD
#D7E5FD
#DFEAFD
#E5EEFD
#EAF1FD
White

RGB

 RED value IS 21 (8.59% from 255) = 5.75%

 GREEN value IS 99 (39.06% from 255) = 27.12%

 BLUE value IS 245 (96.09% from 255) = 67.12%

R = 5.75%
G = 27.12%
B = 67.12%

CMYK

 C value IS 0.91

 M value IS 0.60

 Y value IS 0

 K value IS 0.04

RGB Variations

RGB:
#1563F5
RBG:
#15F563
GRB:
#6315F5
GBR:
#63F515
BRG:
#F515F5
BGR:
#F56315

Color information

#1563F5 (or 0x1563F5) is known color: Navy Blue. HEX triplet: 15, 63 and F5. RGB value is (21,99,245). Sum of RGB (Red+Green+Blue) = 21+99+245=365 (48% of max value = 765). Red value is 21 (8.59% from 255 or 5.75% from 365); Green value is 99 (39.06% from 255 or 27.12% from 365); Blue value is 245 (96.09% from 255 or 67.12% from 365); Max value from RGB is 245 - color contains mainly: blue. Hex color #1563F5 is not a web safe color. Web safe color analog (approx): #0066FF. Inversed color of #1563F5 is #EA9C0A. Grayscale: #5B5B5B. Windows color (decimal): -15375371 or 16081685. OLE color: 16081685.

HSL color Cylindrical-coordinate representation of color #1563F5: hue angle of 219.11º degrees, saturation: 0.92, lightness: 0.52%. HSV value (or HSB Brightness) of color is 0.96% and HSV saturation: 0.91%. Process color model (Four color, CMYK) of #1563F5 is Cyan = 0.91, Magento = 0.60, Yellow = 0 and Black (K on CMYK) = 0.04.

Color convert

RGB 21 99 245 -
CMYK 0.91 0.60 0 0.04
HSL 219.11º 0.92% 0.52% -
HSV(B) 219.11º 0.91% 0.96% -
XYZ 21.25 15.68 88.29 -
YUV 92.32 214.16 77.13 -
System Red Green Blue C M Y K H S L
Decimal 21 99 245 0.91 0.60 0 0.04 219.11 0.92 0.52
Hex 15 63 F5 5B 3C 0 4 DB 5C 34
Octal 25 143 365 133 74 0 4 333 134 64
Binary 10101 1100011 11110101 1011011 111100 0 100 11011011 1011100 110100

Color Harmonies of #1563F5

Triadic Colors

#F51563
#63F515

Analogous colors

#3715F5
#15D3F5

Split complements colors

#F53715
#D3F515

Complementary color

#F5A715

Monochromatic Colors of #1563F5

#C5D8FC
#8BB2FA
#6885BB
#0F4AB7
#0B327A
#08255B

Black with #1563F5

Text Example


Text Example

White with #1563F5

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #1563F5; }

 p { color: rgb(21,99,245); }

 H1.HeaderClassName
 {
   color: #1563F5;
 }
 .AnyTagClassName
 {
   color: #1563F5;
 }
</style>

background-color css

<style>
 a { background-color: #1563F5; }

 a { background-color: rgb(21,99,245); }

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

border-color css

<style>
 span { border-color: #1563F5; }

 span { border-color: rgb(21,99,245); }

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