Html Css Color HEX #1F3157 Catalina Blue

📋 copy color: '#1F3157'

red 31 ◦ green 49 ◦ blue 87

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

Shades of Catalina Blue #1F3157

Tints of Catalina Blue #1F3157

RGB

 RED value IS 31 (12.5% from 255) = 18.56%

 GREEN value IS 49 (19.53% from 255) = 29.34%

 BLUE value IS 87 (34.38% from 255) = 52.1%

R = 18.56%
G = 29.34%
B = 52.1%

CMYK

 C value IS 0.64

 M value IS 0.44

 Y value IS 0

 K value IS 0.66

RGB Variations

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

Color information

#1F3157 (or 0x1F3157) is known color: Catalina Blue. HEX triplet: 1F, 31 and 57. RGB value is (31,49,87). Sum of RGB (Red+Green+Blue) = 31+49+87=167 (22% of max value = 765). Red value is 31 (12.5% from 255 or 18.56% from 167); Green value is 49 (19.53% from 255 or 29.34% from 167); Blue value is 87 (34.38% from 255 or 52.10% from 167); Max value from RGB is 87 - color contains mainly: blue. Hex color #1F3157 is not a web safe color. Web safe color analog (approx): #333366. Inversed color of #1F3157 is #E0CEA8. Grayscale: #2F2F2F. Windows color (decimal): -14732969 or 5714207. OLE color: 5714207.

HSL color Cylindrical-coordinate representation of color #1F3157: hue angle of 220.71º degrees, saturation: 0.47, lightness: 0.23%. HSV value (or HSB Brightness) of color is 0.34% and HSV saturation: 0.64%. Process color model (Four color, CMYK) of #1F3157 is Cyan = 0.64, Magento = 0.44, Yellow = 0 and Black (K on CMYK) = 0.66.

Color convert

RGB 31 49 87 -
CMYK 0.64 0.44 0 0.66
HSL 220.71º 0.47% 0.23% -
HSV(B) 220.71º 0.64% 0.34% -
XYZ 3.38 3.18 9.45 -
YUV 47.95 150.04 115.91 -
System Red Green Blue C M Y K H S L
Decimal 31 49 87 0.64 0.44 0 0.66 220.71 0.47 0.23
Hex 1F 31 57 40 2C 0 42 DD 2F 17
Octal 37 61 127 100 54 0 102 335 57 27
Binary 11111 110001 1010111 1000000 101100 0 1000010 11011101 101111 10111

Color Harmonies of #1F3157

Triadic Colors

Analogous colors

Split complements colors

Complementary color

Monochromatic Colors of #1F3157

Black with #1F3157

Text Example


Text Example

White with #1F3157

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #1F3157; }

 p { color: rgb(31,49,87); }

 H1.HeaderClassName
 {
   color: #1F3157;
 }
 .AnyTagClassName
 {
   color: #1F3157;
 }
</style>

background-color css

<style>
 a { background-color: #1F3157; }

 a { background-color: rgb(31,49,87); }

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

border-color css

<style>
 span { border-color: #1F3157; }

 span { border-color: rgb(31,49,87); }

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