Html Css Color HEX #31556A Chathams Blue

📋 copy color: '#31556A'

red 49 ◦ green 85 ◦ blue 106

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

Shades of Chathams Blue #31556A

#31556A
#274455
#1F3644
#192B36
#14222B
#101B22
#0D161B
#0A1216
#080E12
#060B0E
#05090B
#040709
Black

Tints of Chathams Blue #31556A

#31556A
#5A7788
#7B92A0
#95A8B3
#AAB9C2
#BBC7CE
#C9D2D8
#D4DBE0
#DDE2E6
#E4E8EB
#E9EDEF
#EDF1F2
White

RGB

 RED value IS 49 (19.53% from 255) = 20.42%

 GREEN value IS 85 (33.59% from 255) = 35.42%

 BLUE value IS 106 (41.8% from 255) = 44.17%

R = 20.42%
G = 35.42%
B = 44.17%

CMYK

 C value IS 0.54

 M value IS 0.20

 Y value IS 0

 K value IS 0.58

RGB Variations

RGB:
#31556A
RBG:
#316A55
GRB:
#55316A
GBR:
#556A31
BRG:
#6A316A
BGR:
#6A5531

Color information

#31556A (or 0x31556A) is known color: Chathams Blue. HEX triplet: 31, 55 and 6A. RGB value is (49,85,106). Sum of RGB (Red+Green+Blue) = 49+85+106=240 (31% of max value = 765). Red value is 49 (19.53% from 255 or 20.42% from 240); Green value is 85 (33.59% from 255 or 35.42% from 240); Blue value is 106 (41.80% from 255 or 44.17% from 240); Max value from RGB is 106 - color contains mainly: blue. Hex color #31556A is not a web safe color. Web safe color analog (approx): #336666. Inversed color of #31556A is #CEAA95. Grayscale: #4C4C4C. Windows color (decimal): -13544086 or 6968625. OLE color: 6968625.

HSL color Cylindrical-coordinate representation of color #31556A: hue angle of 202.11º degrees, saturation: 0.37, lightness: 0.3%. HSV value (or HSB Brightness) of color is 0.42% and HSV saturation: 0.54%. Process color model (Four color, CMYK) of #31556A is Cyan = 0.54, Magento = 0.20, Yellow = 0 and Black (K on CMYK) = 0.58.

Color convert

RGB 49 85 106 -
CMYK 0.54 0.20 0 0.58
HSL 202.11º 0.37% 0.3% -
HSV(B) 202.11º 0.54% 0.42% -
XYZ 7.12 8.19 14.84 -
YUV 76.63 144.57 108.29 -
System Red Green Blue C M Y K H S L
Decimal 49 85 106 0.54 0.20 0 0.58 202.11 0.37 0.3
Hex 31 55 6A 36 14 0 3A CA 25 1E
Octal 61 125 152 66 24 0 72 312 45 36
Binary 110001 1010101 1101010 110110 10100 0 111010 11001010 100101 11110

Color Harmonies of #31556A

Triadic Colors

#6A3155
#556A31

Analogous colors

#31386A
#316A62

Split complements colors

#6A3138
#6A6231

Complementary color

#6A4631

Monochromatic Colors of #31556A

#CCD5DA
#99ABB5
#728087
#243F4F
#192B35
#122027

Black with #31556A

Text Example


Text Example

White with #31556A

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #31556A; }

 p { color: rgb(49,85,106); }

 H1.HeaderClassName
 {
   color: #31556A;
 }
 .AnyTagClassName
 {
   color: #31556A;
 }
</style>

background-color css

<style>
 a { background-color: #31556A; }

 a { background-color: rgb(49,85,106); }

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

border-color css

<style>
 span { border-color: #31556A; }

 span { border-color: rgb(49,85,106); }

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