#1583BF

Color #1583BF Bondi Blue (background png icon) HTML CSS
Download Color Icon.PNG:
16x16 32x32 64x64 128x128

Shades of Bondi Blue #1583BF

Tints of Bondi Blue #1583BF

Color information

#1583BF (or 0x1583BF) is unknown color: approx Bondi Blue. HEX triplet: 15, 83 and BF. RGB value is (21,131,191). Sum of RGB (Red+Green+Blue) = 21+131+191=343 (45% of max value = 765). Red value is 21 (8.59% from 255 or 6.12% from 343); Green value is 131 (51.56% from 255 or 38.19% from 343); Blue value is 191 (75% from 255 or 55.69% from 343); Max value from RGB is 191 - color contains mainly: blue. Hex color #1583BF is not a web safe color. Web safe color analog (approx): #0099CC. Inversed color of #1583BF is #EA7C40. Grayscale: #686868. Windows color (decimal): -15367233 or 12550933. OLE color: 12550933.

HSL color Cylindrical-coordinate representation of color #1583BF: hue angle of 201.18º degrees, saturation: 0.8, lightness: 0.42%. HSV value (or HSB Brightness) of color is 0.75% and HSV saturation: 0.89%. Process color model (Four color, CMYK) of #1583BF is Cyan = 0.89, Magento = 0.31, Yellow = 0 and Black (K on CMYK) = 0.25.

Color convert

RGB21131191-
CMYK0.890.3100.25
HSL201.18º80.19%41.57%-
HSV(B)201.18º89.01%74.9%-
XYZ17.8320.1552.24-
YUV104.95176.5668.12-

RGB Variations

RGB:
RBG:
GRB:
GBR:
BRG:
BGR:

RGB

RED value IS 21 (8.59% from 255) = 6.12%
GREEN value IS 131 (51.56% from 255) = 38.19%
BLUE value IS 191 (75% from 255) = 55.69%
R=6.12%
G=38.19%
B=55.69%

CMYK

C (Cyan) values IS 0.89
M (Magenta) values IS 0.31
Y (Yellow) values IS 0
K (Black) values IS 0.25
SystemRedGreenBlueCMYKHSL
Decimal211311910.890.3100.25201.1880.1941.57
Hex1583BF591F019c9502a
Octal252032771313703131112052
Binary101011000001110111111101100111111011001110010011010000101010

Black

1234567890 Text Example


1234567890 Text Example

White

1234567890 Text Example


1234567890 Text Example


Color Harmonies of #1583BF

Triadic Colors

Analogous Colors

Split complements Colors

Complementary Color



HTML code & CSSWeb design

color css

<style>
 p { color: #1583BF; }

 p { color: rgb(21,131,191); }

 H1.HeaderClassName
 {
   color: #1583BF;
 }
 .AnyTagClassName
 {
   color: #1583BF;
 }
</style>
background-color css

<style>
 a { background-color: #1583BF; }

 a { background-color: rgb(21,131,191); }

 div.DivClassName
 {
   background-color: #1583BF;
 }
 .BgClassName
 {
   background-color: #1583BF;
 }
</style>
border-color css

<style>
 span { border-color: #1583BF; }

 span { border-color: rgb(21,131,191); }

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