#2f69aa hex color

In a RGB color space, hex #2f69aa is composed of 18.4% red, 41.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 38.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 211.7 degrees, a saturation of 56.7% and a lightness of 42.5%. #2f69aa color hex could be obtained by blending #5ed2ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 41
- B 67
RGB color chart
- C 72
- M 38
- Y 0
- K 33
CMYK color chart

● #2f69aa color description : Dark blue.

The hexadecimal color #2f69aa has RGB values of R:47, G:105, B:170 and CMYK values of C:0.72, M:0.38, Y:0, K:0.33. Its decimal value is 3107242.

Hex triplet	2f69aa	`#2f69aa`
RGB Decimal	47, 105, 170	`rgb(47,105,170)`
RGB Percent	18.4, 41.2, 66.7	`rgb(18.4%,41.2%,66.7%)`
CMYK	72, 38, 0, 33
HSL	211.7°, 56.7, 42.5	`hsl(211.7,56.7%,42.5%)`
HSV (or HSB)	211.7°, 72.4, 66.7
Web Safe	336699	`#336699`

CIE-LAB	43.667, 3.551, -40.3
XYZ	13.478, 13.609, 39.944
xyY	0.201, 0.203, 13.609
CIE-LCH	43.667, 40.456, 275.035
CIE-LUV	43.667, -21.614, -59.817
Hunter-Lab	36.89, 0.658, -38.376
Binary	00101111, 01101001, 10101010

#2f69aa
```
#2f69aa rgb(47,105,170)
```
#aa702f
```
#aa702f rgb(170,112,47)
```

Complementary Color

#2fa7aa
```
#2fa7aa rgb(47,167,170)
```
#2f69aa
```
#2f69aa rgb(47,105,170)
```
#332faa
```
#332faa rgb(51,47,170)
```

Analogous Color

#a7aa2f
```
#a7aa2f rgb(167,170,47)
```
#2f69aa
```
#2f69aa rgb(47,105,170)
```
#aa332f
```
#aa332f rgb(170,51,47)
```

Split Complementary Color

#69aa2f
```
#69aa2f rgb(105,170,47)
```
#2f69aa
```
#2f69aa rgb(47,105,170)
```
#aa2f69
```
#aa2f69 rgb(170,47,105)
```

Triadic Color

#2faa70
```
#2faa70 rgb(47,170,112)
```
#2f69aa
```
#2f69aa rgb(47,105,170)
```
#aa2f69
```
#aa2f69 rgb(170,47,105)
```
#aa702f
```
#aa702f rgb(170,112,47)
```

Tetradic Color

#1e446e
```
#1e446e rgb(30,68,110)
```
#245082
```
#245082 rgb(36,80,130)
```
#295d96
```
#295d96 rgb(41,93,150)
```
#2f69aa
```
#2f69aa rgb(47,105,170)
```
#3575be
```
#3575be rgb(53,117,190)
```
#4182cb
```
#4182cb rgb(65,130,203)
```
#558fd0
```
#558fd0 rgb(85,143,208)
```

Monochromatic Color

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

#2f88aa
```
#2f88aa rgb(47,136,170)
```
#2f7eaa
```
#2f7eaa rgb(47,126,170)
```
#2f73aa
```
#2f73aa rgb(47,115,170)
```
#2f69aa
```
#2f69aa rgb(47,105,170)
```
#2f5faa
```
#2f5faa rgb(47,95,170)
```
#2f54aa
```
#2f54aa rgb(47,84,170)
```
#2f4aaa
```
#2f4aaa rgb(47,74,170)
```

Similar Colors

Text with hexadecimal color #2f69aa

This text has a font color of #2f69aa.

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

#2f69aa background color

This paragraph has a background color of #2f69aa.

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

#2f69aa border color

This element has a border color of #2f69aa.

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

CSS codes

.text {color:#2f69aa;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050a10
```
#050a10 rgb(5,10,16)
```
#091420
```
#091420 rgb(9,20,32)
```
#0d1d2f
```
#0d1d2f rgb(13,29,47)
```
#11273e
```
#11273e rgb(17,39,62)
```
#16304e
```
#16304e rgb(22,48,78)
```
#1a3a5d
```
#1a3a5d rgb(26,58,93)
```
#1e436d
```
#1e436d rgb(30,67,109)
```
#224d7c
```
#224d7c rgb(34,77,124)
```
#27568b
```
#27568b rgb(39,86,139)
```
#2b609b
```
#2b609b rgb(43,96,155)
```
#2f69aa
```
#2f69aa rgb(47,105,170)
```
#3372b9
```
#3372b9 rgb(51,114,185)
```

Shade Color Variation

#387cc8
```
#387cc8 rgb(56,124,200)
```
#4886cc
```
#4886cc rgb(72,134,204)
```
#5790d1
```
#5790d1 rgb(87,144,209)
```
#669ad5
```
#669ad5 rgb(102,154,213)
```
#76a5d9
```
#76a5d9 rgb(118,165,217)
```
#85afdd
```
#85afdd rgb(133,175,221)
```
#94b9e2
```
#94b9e2 rgb(148,185,226)
```
#a4c3e6
```
#a4c3e6 rgb(164,195,230)
```
#b3cdea
```
#b3cdea rgb(179,205,234)
```
#c2d7ee
```
#c2d7ee rgb(194,215,238)
```
#d2e1f3
```
#d2e1f3 rgb(210,225,243)
```
#e1ebf7
```
#e1ebf7 rgb(225,235,247)
```
#f1f6fb
```
#f1f6fb rgb(241,246,251)
```

Tint Color Variation

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

#696c70
```
#696c70 rgb(105,108,112)
```
#616c78
```
#616c78 rgb(97,108,120)
```
#596b80
```
#596b80 rgb(89,107,128)
```
#506b89
```
#506b89 rgb(80,107,137)
```
#486a91
```
#486a91 rgb(72,106,145)
```
#406a99
```
#406a99 rgb(64,106,153)
```
#3769a2
```
#3769a2 rgb(55,105,162)
```
#2f69aa
```
#2f69aa rgb(47,105,170)
```
#2769b2
```
#2769b2 rgb(39,105,178)
```
#1e68bb
```
#1e68bb rgb(30,104,187)
```
#1668c3
```
#1668c3 rgb(22,104,195)
```
#0e67cb
```
#0e67cb rgb(14,103,203)
```
#0567d4
```
#0567d4 rgb(5,103,212)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#55616e Atypical Achromatopsia 0.001% of the population

Dichromacy

#546dab Protanopia 1% of men
#416fae Deuteranopia 1% of men
#007982 Tritanopia 0.001% of the population

Trichromacy

#466baa Protanomaly 1% of men, 0.01% of women
#3a6dad Deuteranomaly 6% of men, 0.4% of women
#117390 Tritanomaly 0.01% of the population

#2f69aa hex color

#2f69aa Color Information

#2f69aa Color Conversion

Color Schemes with #2f69aa

Alternatives to #2f69aa

#2f69aa Preview

Shades and Tints of #2f69aa

Tones of #2f69aa

Color Blindness Simulator