#2f61ae hex color

In a RGB color space, hex #2f61ae is composed of 18.4% red, 38% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 44.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 216.4 degrees, a saturation of 57.5% and a lightness of 43.3%. #2f61ae color hex could be obtained by blending #5ec2ff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 38
- B 68
RGB color chart
- C 73
- M 44
- Y 0
- K 32
CMYK color chart

● #2f61ae color description : Dark blue.

The hexadecimal color #2f61ae has RGB values of R:47, G:97, B:174 and CMYK values of C:0.73, M:0.44, Y:0, K:0.32. Its decimal value is 3105198.

Hex triplet	2f61ae	`#2f61ae`
RGB Decimal	47, 97, 174	`rgb(47,97,174)`
RGB Percent	18.4, 38, 68.2	`rgb(18.4%,38%,68.2%)`
CMYK	73, 44, 0, 32
HSL	216.4°, 57.5, 43.3	`hsl(216.4,57.5%,43.3%)`
HSV (or HSB)	216.4°, 73, 68.2
Web Safe	336699	`#336699`

CIE-LAB	41.546, 10.134, -46.034
XYZ	13.085, 12.209, 41.709
xyY	0.195, 0.182, 12.209
CIE-LCH	41.546, 47.136, 282.415
CIE-LUV	41.546, -18.881, -68.269
Hunter-Lab	34.941, 5.701, -46.316
Binary	00101111, 01100001, 10101110

#2f61ae
```
#2f61ae rgb(47,97,174)
```
#ae7c2f
```
#ae7c2f rgb(174,124,47)
```

Complementary Color

#2fa1ae
```
#2fa1ae rgb(47,161,174)
```
#2f61ae
```
#2f61ae rgb(47,97,174)
```
#3d2fae
```
#3d2fae rgb(61,47,174)
```

Analogous Color

#a1ae2f
```
#a1ae2f rgb(161,174,47)
```
#2f61ae
```
#2f61ae rgb(47,97,174)
```
#ae3d2f
```
#ae3d2f rgb(174,61,47)
```

Split Complementary Color

#61ae2f
```
#61ae2f rgb(97,174,47)
```
#2f61ae
```
#2f61ae rgb(47,97,174)
```
#ae2f61
```
#ae2f61 rgb(174,47,97)
```

Triadic Color

#2fae7c
```
#2fae7c rgb(47,174,124)
```
#2f61ae
```
#2f61ae rgb(47,97,174)
```
#ae2f61
```
#ae2f61 rgb(174,47,97)
```
#ae7c2f
```
#ae7c2f rgb(174,124,47)
```

Tetradic Color

#1f3f72
```
#1f3f72 rgb(31,63,114)
```
#244b86
```
#244b86 rgb(36,75,134)
```
#2a569a
```
#2a569a rgb(42,86,154)
```
#2f61ae
```
#2f61ae rgb(47,97,174)
```
#346cc2
```
#346cc2 rgb(52,108,194)
```
#4479cc
```
#4479cc rgb(68,121,204)
```
#5888d2
```
#5888d2 rgb(88,136,210)
```

Monochromatic Color

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

#2f81ae
```
#2f81ae rgb(47,129,174)
```
#2f76ae
```
#2f76ae rgb(47,118,174)
```
#2f6cae
```
#2f6cae rgb(47,108,174)
```
#2f61ae
```
#2f61ae rgb(47,97,174)
```
#2f56ae
```
#2f56ae rgb(47,86,174)
```
#2f4cae
```
#2f4cae rgb(47,76,174)
```
#2f41ae
```
#2f41ae rgb(47,65,174)
```

Similar Colors

Text with hexadecimal color #2f61ae

This text has a font color of #2f61ae.

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

#2f61ae background color

This paragraph has a background color of #2f61ae.

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

#2f61ae border color

This element has a border color of #2f61ae.

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

CSS codes

.text {color:#2f61ae;}

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

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

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, #010204 is the darkest color, while #f4f7fc is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#050b14
```
#050b14 rgb(5,11,20)
```
#091423
```
#091423 rgb(9,20,35)
```
#0e1c32
```
#0e1c32 rgb(14,28,50)
```
#122542
```
#122542 rgb(18,37,66)
```
#162d51
```
#162d51 rgb(22,45,81)
```
#1a3661
```
#1a3661 rgb(26,54,97)
```
#1e3f70
```
#1e3f70 rgb(30,63,112)
```
#224780
```
#224780 rgb(34,71,128)
```
#27508f
```
#27508f rgb(39,80,143)
```
#2b589f
```
#2b589f rgb(43,88,159)
```
#2f61ae
```
#2f61ae rgb(47,97,174)
```
#336abd
```
#336abd rgb(51,106,189)
```

Shade Color Variation

#3a73ca
```
#3a73ca rgb(58,115,202)
```
#4a7ece
```
#4a7ece rgb(74,126,206)
```
#5989d2
```
#5989d2 rgb(89,137,210)
```
#6994d6
```
#6994d6 rgb(105,148,214)
```
#789fdb
```
#789fdb rgb(120,159,219)
```
#88aadf
```
#88aadf rgb(136,170,223)
```
#97b5e3
```
#97b5e3 rgb(151,181,227)
```
#a6c0e7
```
#a6c0e7 rgb(166,192,231)
```
#b6cbeb
```
#b6cbeb rgb(182,203,235)
```
#c5d6ef
```
#c5d6ef rgb(197,214,239)
```
#d5e1f4
```
#d5e1f4 rgb(213,225,244)
```
#e4ecf8
```
#e4ecf8 rgb(228,236,248)
```
#f4f7fc
```
#f4f7fc rgb(244,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6e73 is the less saturated color, while #0458d9 is the most saturated one.

#6b6e73
```
#6b6e73 rgb(107,110,115)
```
#626c7b
```
#626c7b rgb(98,108,123)
```
#5a6a84
```
#5a6a84 rgb(90,106,132)
```
#51688c
```
#51688c rgb(81,104,140)
```
#496695
```
#496695 rgb(73,102,149)
```
#40659d
```
#40659d rgb(64,101,157)
```
#3863a6
```
#3863a6 rgb(56,99,166)
```
#2f61ae
```
#2f61ae rgb(47,97,174)
```
#275fb7
```
#275fb7 rgb(39,95,183)
```
#1e5dbf
```
#1e5dbf rgb(30,93,191)
```
#165cc8
```
#165cc8 rgb(22,92,200)
```
#0d5ad0
```
#0d5ad0 rgb(13,90,208)
```
#0458d9
```
#0458d9 rgb(4,88,217)
```

Tone Color Variation

Below, you can see how #2f61ae 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

#5b5b5b Achromatopsia 0.005% of the population
#525c6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4567b0 Protanopia 1% of men
#226bb1 Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#3d65af Protanomaly 1% of men, 0.01% of women
#2767b0 Deuteranomaly 6% of men, 0.4% of women
#116d8e Tritanomaly 0.01% of the population

#2f61ae hex color

#2f61ae Color Information

#2f61ae Color Conversion

Color Schemes with #2f61ae

Alternatives to #2f61ae

#2f61ae Preview

Shades and Tints of #2f61ae

Tones of #2f61ae

Color Blindness Simulator