#2f3aaf hex color

In a RGB color space, hex #2f3aaf is composed of 18.4% red, 22.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 66.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 234.8 degrees, a saturation of 57.7% and a lightness of 43.5%. #2f3aaf color hex could be obtained by blending #5e74ff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 23
- B 69
RGB color chart
- C 73
- M 67
- Y 0
- K 31
CMYK color chart

● #2f3aaf color description : Dark blue.

The hexadecimal color #2f3aaf has RGB values of R:47, G:58, B:175 and CMYK values of C:0.73, M:0.67, Y:0, K:0.31. Its decimal value is 3095215.

Hex triplet	2f3aaf	`#2f3aaf`
RGB Decimal	47, 58, 175	`rgb(47,58,175)`
RGB Percent	18.4, 22.7, 68.6	`rgb(18.4%,22.7%,68.6%)`
CMYK	73, 67, 0, 31
HSL	234.8°, 57.7, 43.5	`hsl(234.8,57.7%,43.5%)`
HSV (or HSB)	234.8°, 73.1, 68.6
Web Safe	333399	`#333399`

CIE-LAB	31.172, 35.985, -63.448
XYZ	10.422, 6.725, 41.304
xyY	0.178, 0.115, 6.725
CIE-LCH	31.172, 72.942, 299.56
CIE-LUV	31.172, -8.351, -85.511
Hunter-Lab	25.933, 26.353, -76.281
Binary	00101111, 00111010, 10101111

#2f3aaf
```
#2f3aaf rgb(47,58,175)
```
#afa42f
```
#afa42f rgb(175,164,47)
```

Complementary Color

#2f7aaf
```
#2f7aaf rgb(47,122,175)
```
#2f3aaf
```
#2f3aaf rgb(47,58,175)
```
#642faf
```
#642faf rgb(100,47,175)
```

Analogous Color

#7aaf2f
```
#7aaf2f rgb(122,175,47)
```
#2f3aaf
```
#2f3aaf rgb(47,58,175)
```
#af642f
```
#af642f rgb(175,100,47)
```

Split Complementary Color

#3aaf2f
```
#3aaf2f rgb(58,175,47)
```
#2f3aaf
```
#2f3aaf rgb(47,58,175)
```
#af2f3a
```
#af2f3a rgb(175,47,58)
```

Triadic Color

#2fafa4
```
#2fafa4 rgb(47,175,164)
```
#2f3aaf
```
#2f3aaf rgb(47,58,175)
```
#af2f3a
```
#af2f3a rgb(175,47,58)
```
#afa42f
```
#afa42f rgb(175,164,47)
```

Tetradic Color

#1f2673
```
#1f2673 rgb(31,38,115)
```
#242d87
```
#242d87 rgb(36,45,135)
```
#2a339b
```
#2a339b rgb(42,51,155)
```
#2f3aaf
```
#2f3aaf rgb(47,58,175)
```
#3441c3
```
#3441c3 rgb(52,65,195)
```
#4450cd
```
#4450cd rgb(68,80,205)
```
#5863d2
```
#5863d2 rgb(88,99,210)
```

Monochromatic Color

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

#2f5aaf
```
#2f5aaf rgb(47,90,175)
```
#2f4faf
```
#2f4faf rgb(47,79,175)
```
#2f45af
```
#2f45af rgb(47,69,175)
```
#2f3aaf
```
#2f3aaf rgb(47,58,175)
```
#2f2faf
```
#2f2faf rgb(47,47,175)
```
#392faf
```
#392faf rgb(57,47,175)
```
#442faf
```
#442faf rgb(68,47,175)
```

Similar Colors

Text with hexadecimal color #2f3aaf

This text has a font color of #2f3aaf.

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

#2f3aaf background color

This paragraph has a background color of #2f3aaf.

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

#2f3aaf border color

This element has a border color of #2f3aaf.

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

CSS codes

.text {color:#2f3aaf;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#050714
```
#050714 rgb(5,7,20)
```
#0a0c24
```
#0a0c24 rgb(10,12,36)
```
#0e1133
```
#0e1133 rgb(14,17,51)
```
#121643
```
#121643 rgb(18,22,67)
```
#161b52
```
#161b52 rgb(22,27,82)
```
#1a2062
```
#1a2062 rgb(26,32,98)
```
#1e2671
```
#1e2671 rgb(30,38,113)
```
#232b81
```
#232b81 rgb(35,43,129)
```
#273090
```
#273090 rgb(39,48,144)
```
#2b35a0
```
#2b35a0 rgb(43,53,160)
```
#2f3aaf
```
#2f3aaf rgb(47,58,175)
```
#333fbe
```
#333fbe rgb(51,63,190)
```

Shade Color Variation

#3b47ca
```
#3b47ca rgb(59,71,202)
```
#4a56ce
```
#4a56ce rgb(74,86,206)
```
#5a64d3
```
#5a64d3 rgb(90,100,211)
```
#6973d7
```
#6973d7 rgb(105,115,215)
```
#7981db
```
#7981db rgb(121,129,219)
```
#8890df
```
#8890df rgb(136,144,223)
```
#989ee3
```
#989ee3 rgb(152,158,227)
```
#a7ade7
```
#a7ade7 rgb(167,173,231)
```
#b7bbec
```
#b7bbec rgb(183,187,236)
```
#c6caf0
```
#c6caf0 rgb(198,202,240)
```
#d6d8f4
```
#d6d8f4 rgb(214,216,244)
```
#e5e7f8
```
#e5e7f8 rgb(229,231,248)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```

Tint Color Variation

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

#6b6b73
```
#6b6b73 rgb(107,107,115)
```
#62647c
```
#62647c rgb(98,100,124)
```
#5a5d84
```
#5a5d84 rgb(90,93,132)
```
#51568d
```
#51568d rgb(81,86,141)
```
#494f95
```
#494f95 rgb(73,79,149)
```
#40489e
```
#40489e rgb(64,72,158)
```
#3841a6
```
#3841a6 rgb(56,65,166)
```
#2f3aaf
```
#2f3aaf rgb(47,58,175)
```
#2633b8
```
#2633b8 rgb(38,51,184)
```
#1e2cc0
```
#1e2cc0 rgb(30,44,192)
```
#1525c9
```
#1525c9 rgb(21,37,201)
```
#0d1ed1
```
#0d1ed1 rgb(13,30,209)
```
#0417da
```
#0417da rgb(4,23,218)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#404259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005488 Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#1148a3 Protanomaly 1% of men, 0.01% of women
#114b96 Deuteranomaly 6% of men, 0.4% of women
#114e7c Tritanomaly 0.01% of the population

#2f3aaf hex color

#2f3aaf Color Information

#2f3aaf Color Conversion

Color Schemes with #2f3aaf

Alternatives to #2f3aaf

#2f3aaf Preview

Shades and Tints of #2f3aaf

Tones of #2f3aaf

Color Blindness Simulator