#2f61a9 hex color

In a RGB color space, hex #2f61a9 is composed of 18.4% red, 38% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 42.6% magenta, 0% yellow and 33.7% black. It has a hue angle of 215.4 degrees, a saturation of 56.5% and a lightness of 42.4%. #2f61a9 color hex could be obtained by blending #5ec2ff with #000053. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 38
- B 66
RGB color chart
- C 72
- M 43
- Y 0
- K 34
CMYK color chart

● #2f61a9 color description : Dark blue.

The hexadecimal color #2f61a9 has RGB values of R:47, G:97, B:169 and CMYK values of C:0.72, M:0.43, Y:0, K:0.34. Its decimal value is 3105193.

Hex triplet	2f61a9	`#2f61a9`
RGB Decimal	47, 97, 169	`rgb(47,97,169)`
RGB Percent	18.4, 38, 66.3	`rgb(18.4%,38%,66.3%)`
CMYK	72, 43, 0, 34
HSL	215.4°, 56.5, 42.4	`hsl(215.4,56.5%,42.4%)`
HSV (or HSB)	215.4°, 72.2, 66.3
Web Safe	336699	`#336699`

CIE-LAB	41.244, 8.251, -43.569
XYZ	12.607, 12.017, 39.189
xyY	0.198, 0.188, 12.017
CIE-LCH	41.244, 44.343, 280.724
CIE-LUV	41.244, -18.98, -64.304
Hunter-Lab	34.666, 4.248, -42.76
Binary	00101111, 01100001, 10101001

#2f61a9
```
#2f61a9 rgb(47,97,169)
```
#a9772f
```
#a9772f rgb(169,119,47)
```

Complementary Color

#2f9ea9
```
#2f9ea9 rgb(47,158,169)
```
#2f61a9
```
#2f61a9 rgb(47,97,169)
```
#3a2fa9
```
#3a2fa9 rgb(58,47,169)
```

Analogous Color

#9ea92f
```
#9ea92f rgb(158,169,47)
```
#2f61a9
```
#2f61a9 rgb(47,97,169)
```
#a93a2f
```
#a93a2f rgb(169,58,47)
```

Split Complementary Color

#61a92f
```
#61a92f rgb(97,169,47)
```
#2f61a9
```
#2f61a9 rgb(47,97,169)
```
#a92f61
```
#a92f61 rgb(169,47,97)
```

Triadic Color

#2fa977
```
#2fa977 rgb(47,169,119)
```
#2f61a9
```
#2f61a9 rgb(47,97,169)
```
#a92f61
```
#a92f61 rgb(169,47,97)
```
#a9772f
```
#a9772f rgb(169,119,47)
```

Tetradic Color

#1e3f6d
```
#1e3f6d rgb(30,63,109)
```
#244a81
```
#244a81 rgb(36,74,129)
```
#295695
```
#295695 rgb(41,86,149)
```
#2f61a9
```
#2f61a9 rgb(47,97,169)
```
#356cbd
```
#356cbd rgb(53,108,189)
```
#4179ca
```
#4179ca rgb(65,121,202)
```
#5587d0
```
#5587d0 rgb(85,135,208)
```

Monochromatic Color

Below, you can see some colors close to #2f61a9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2f80a9
```
#2f80a9 rgb(47,128,169)
```
#2f75a9
```
#2f75a9 rgb(47,117,169)
```
#2f6ba9
```
#2f6ba9 rgb(47,107,169)
```
#2f61a9
```
#2f61a9 rgb(47,97,169)
```
#2f57a9
```
#2f57a9 rgb(47,87,169)
```
#2f4da9
```
#2f4da9 rgb(47,77,169)
```
#2f43a9
```
#2f43a9 rgb(47,67,169)
```

Similar Colors

Text with hexadecimal color #2f61a9

This text has a font color of #2f61a9.

<span style="color:#2f61a9;">Text here</span>

#2f61a9 background color

This paragraph has a background color of #2f61a9.

<p style="background-color:#2f61a9;">Content here</p>

#2f61a9 border color

This element has a border color of #2f61a9.

<div style="border:1px solid #2f61a9;">Content here</div>

CSS codes

.text {color:#2f61a9;}

.background {background-color:#2f61a9;}

.border {border:1px solid #2f61a9;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000000 is the darkest color, while #f0f4fb is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#040910
```
#040910 rgb(4,9,16)
```
#09121f
```
#09121f rgb(9,18,31)
```
#0d1b2e
```
#0d1b2e rgb(13,27,46)
```
#11233e
```
#11233e rgb(17,35,62)
```
#152c4d
```
#152c4d rgb(21,44,77)
```
#1a355c
```
#1a355c rgb(26,53,92)
```
#1e3e6c
```
#1e3e6c rgb(30,62,108)
```
#22477b
```
#22477b rgb(34,71,123)
```
#264f8a
```
#264f8a rgb(38,79,138)
```
#2b589a
```
#2b589a rgb(43,88,154)
```
#2f61a9
```
#2f61a9 rgb(47,97,169)
```
#336ab8
```
#336ab8 rgb(51,106,184)
```

Shade Color Variation

#3873c8
```
#3873c8 rgb(56,115,200)
```
#477dcc
```
#477dcc rgb(71,125,204)
```
#5688d0
```
#5688d0 rgb(86,136,208)
```
#6693d4
```
#6693d4 rgb(102,147,212)
```
#759ed9
```
#759ed9 rgb(117,158,217)
```
#84a9dd
```
#84a9dd rgb(132,169,221)
```
#94b3e1
```
#94b3e1 rgb(148,179,225)
```
#a3bee5
```
#a3bee5 rgb(163,190,229)
```
#b2c9ea
```
#b2c9ea rgb(178,201,234)
```
#c2d4ee
```
#c2d4ee rgb(194,212,238)
```
#d1dff2
```
#d1dff2 rgb(209,223,242)
```
#e0eaf7
```
#e0eaf7 rgb(224,234,247)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b6f is the less saturated color, while #055ad3 is the most saturated one.

#696b6f
```
#696b6f rgb(105,107,111)
```
#616a77
```
#616a77 rgb(97,106,119)
```
#59687f
```
#59687f rgb(89,104,127)
```
#506788
```
#506788 rgb(80,103,136)
```
#486590
```
#486590 rgb(72,101,144)
```
#406498
```
#406498 rgb(64,100,152)
```
#3762a1
```
#3762a1 rgb(55,98,161)
```
#2f61a9
```
#2f61a9 rgb(47,97,169)
```
#2760b1
```
#2760b1 rgb(39,96,177)
```
#1e5eba
```
#1e5eba rgb(30,94,186)
```
#165dc2
```
#165dc2 rgb(22,93,194)
```
#0e5bca
```
#0e5bca rgb(14,91,202)
```
#055ad3
```
#055ad3 rgb(5,90,211)
```

Tone Color Variation

Below, you can see how #2f61a9 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5a5a5a Achromatopsia 0.005% of the population
#515b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4867ab Protanopia 1% of men
#2e6aac Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#3f64aa Protanomaly 1% of men, 0.01% of women
#2e67ab Deuteranomaly 6% of men, 0.4% of women
#116c8c Tritanomaly 0.01% of the population

#2f61a9 hex color

#2f61a9 Color Information

#2f61a9 Color Conversion

Color Schemes with #2f61a9

Alternatives to #2f61a9

#2f61a9 Preview

Shades and Tints of #2f61a9

Tones of #2f61a9

Color Blindness Simulator