Html Css Color HEX #2F556A Chathams Blue

📋 copy color: '#2F556A'

red 47 ◦ green 85 ◦ blue 106

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

Shades of Chathams Blue #2F556A

#2F556A
#264455
#1E3644
#182B36
#13222B
#0F1B22
#0C161B
#0A1216
#080E12
#060B0E
#05090B
#040709
Black

Tints of Chathams Blue #2F556A

#2F556A
#597788
#7A92A0
#95A8B3
#AAB9C2
#BBC7CE
#C9D2D8
#D4DBE0
#DDE2E6
#E4E8EB
#E9EDEF
#EDF1F2
White

RGB

 RED value IS 47 (18.75% from 255) = 19.75%

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

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

R = 19.75%
G = 35.71%
B = 44.54%

CMYK

 C value IS 0.56

 M value IS 0.20

 Y value IS 0

 K value IS 0.58

RGB Variations

RGB:
#2F556A
RBG:
#2F6A55
GRB:
#552F6A
GBR:
#556A2F
BRG:
#6A2F6A
BGR:
#6A552F

Color information

#2F556A (or 0x2F556A) is known color: Chathams Blue. HEX triplet: 2F, 55 and 6A. RGB value is (47,85,106). Sum of RGB (Red+Green+Blue) = 47+85+106=238 (31% of max value = 765). Red value is 47 (18.75% from 255 or 19.75% from 238); Green value is 85 (33.59% from 255 or 35.71% from 238); Blue value is 106 (41.80% from 255 or 44.54% from 238); Max value from RGB is 106 - color contains mainly: blue. Hex color #2F556A is not a web safe color. Web safe color analog (approx): #336666. Inversed color of #2F556A is #D0AA95. Grayscale: #4B4B4B. Windows color (decimal): -13675158 or 6968623. OLE color: 6968623.

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

Color convert

RGB 47 85 106 -
CMYK 0.56 0.20 0 0.58
HSL 201.36º 0.39% 0.3% -
HSV(B) 201.36º 0.56% 0.42% -
XYZ 7.02 8.14 14.84 -
YUV 76.03 144.91 107.29 -
System Red Green Blue C M Y K H S L
Decimal 47 85 106 0.56 0.20 0 0.58 201.36 0.39 0.3
Hex 2F 55 6A 38 14 0 3A C9 27 1E
Octal 57 125 152 70 24 0 72 311 47 36
Binary 101111 1010101 1101010 111000 10100 0 111010 11001001 100111 11110

Color Harmonies of #2F556A

Triadic Colors

#6A2F55
#556A2F

Analogous colors

#2F386A
#2F6A62

Split complements colors

#6A2F38
#6A622F

Complementary color

#6A442F

Monochromatic Colors of #2F556A

#CBD5DA
#98ABB5
#728087
#233F4F
#182B35
#122027

Black with #2F556A

Text Example


Text Example

White with #2F556A

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #2F556A; }

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

 H1.HeaderClassName
 {
   color: #2F556A;
 }
 .AnyTagClassName
 {
   color: #2F556A;
 }
</style>

background-color css

<style>
 a { background-color: #2F556A; }

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

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

border-color css

<style>
 span { border-color: #2F556A; }

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

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