#2f34af hex color

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

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

● #2f34af color description : Dark blue.

The hexadecimal color #2f34af has RGB values of R:47, G:52, B:175 and CMYK values of C:0.73, M:0.7, Y:0, K:0.31. Its decimal value is 3093679.

Hex triplet	2f34af	`#2f34af`
RGB Decimal	47, 52, 175	`rgb(47,52,175)`
RGB Percent	18.4, 20.4, 68.6	`rgb(18.4%,20.4%,68.6%)`
CMYK	73, 70, 0, 31
HSL	237.7°, 57.7, 43.5	`hsl(237.7,57.7%,43.5%)`
HSV (or HSB)	237.7°, 73.1, 68.6
Web Safe	333399	`#333399`

CIE-LAB	29.8, 39.699, -65.703
XYZ	10.137, 6.155, 41.209
xyY	0.176, 0.107, 6.155
CIE-LCH	29.8, 76.765, 301.141
CIE-LUV	29.8, -7.167, -86.516
Hunter-Lab	24.809, 29.517, -81.117
Binary	00101111, 00110100, 10101111

#2f34af
```
#2f34af rgb(47,52,175)
```
#afaa2f
```
#afaa2f rgb(175,170,47)
```

Complementary Color

#2f74af
```
#2f74af rgb(47,116,175)
```
#2f34af
```
#2f34af rgb(47,52,175)
```
#6a2faf
```
#6a2faf rgb(106,47,175)
```

Analogous Color

#74af2f
```
#74af2f rgb(116,175,47)
```
#2f34af
```
#2f34af rgb(47,52,175)
```
#af6a2f
```
#af6a2f rgb(175,106,47)
```

Split Complementary Color

#34af2f
```
#34af2f rgb(52,175,47)
```
#2f34af
```
#2f34af rgb(47,52,175)
```
#af2f34
```
#af2f34 rgb(175,47,52)
```

Triadic Color

#2fafaa
```
#2fafaa rgb(47,175,170)
```
#2f34af
```
#2f34af rgb(47,52,175)
```
#af2f34
```
#af2f34 rgb(175,47,52)
```
#afaa2f
```
#afaa2f rgb(175,170,47)
```

Tetradic Color

#1f2273
```
#1f2273 rgb(31,34,115)
```
#242887
```
#242887 rgb(36,40,135)
```
#2a2e9b
```
#2a2e9b rgb(42,46,155)
```
#2f34af
```
#2f34af rgb(47,52,175)
```
#343ac3
```
#343ac3 rgb(52,58,195)
```
#444acd
```
#444acd rgb(68,74,205)
```
#585dd2
```
#585dd2 rgb(88,93,210)
```

Monochromatic Color

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

#2f54af
```
#2f54af rgb(47,84,175)
```
#2f49af
```
#2f49af rgb(47,73,175)
```
#2f3faf
```
#2f3faf rgb(47,63,175)
```
#2f34af
```
#2f34af rgb(47,52,175)
```
#352faf
```
#352faf rgb(53,47,175)
```
#3f2faf
```
#3f2faf rgb(63,47,175)
```
#4a2faf
```
#4a2faf rgb(74,47,175)
```

Similar Colors

Text with hexadecimal color #2f34af

This text has a font color of #2f34af.

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

#2f34af background color

This paragraph has a background color of #2f34af.

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

#2f34af border color

This element has a border color of #2f34af.

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

CSS codes

.text {color:#2f34af;}

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

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

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

#010105
```
#010105 rgb(1,1,5)
```
#050614
```
#050614 rgb(5,6,20)
```
#0a0b24
```
#0a0b24 rgb(10,11,36)
```
#0e0f33
```
#0e0f33 rgb(14,15,51)
```
#121443
```
#121443 rgb(18,20,67)
```
#161852
```
#161852 rgb(22,24,82)
```
#1a1d62
```
#1a1d62 rgb(26,29,98)
```
#1e2271
```
#1e2271 rgb(30,34,113)
```
#232681
```
#232681 rgb(35,38,129)
```
#272b90
```
#272b90 rgb(39,43,144)
```
#2b2fa0
```
#2b2fa0 rgb(43,47,160)
```
#2f34af
```
#2f34af rgb(47,52,175)
```
#3339be
```
#3339be rgb(51,57,190)
```

Shade Color Variation

#3b41ca
```
#3b41ca rgb(59,65,202)
```
#4a50ce
```
#4a50ce rgb(74,80,206)
```
#5a5fd3
```
#5a5fd3 rgb(90,95,211)
```
#696ed7
```
#696ed7 rgb(105,110,215)
```
#797ddb
```
#797ddb rgb(121,125,219)
```
#888cdf
```
#888cdf rgb(136,140,223)
```
#989be3
```
#989be3 rgb(152,155,227)
```
#a7aae7
```
#a7aae7 rgb(167,170,231)
```
#b7b9ec
```
#b7b9ec rgb(183,185,236)
```
#c6c8f0
```
#c6c8f0 rgb(198,200,240)
```
#d6d7f4
```
#d6d7f4 rgb(214,215,244)
```
#e5e6f8
```
#e5e6f8 rgb(229,230,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 #040dda is the most saturated one.

#6b6b73
```
#6b6b73 rgb(107,107,115)
```
#62637c
```
#62637c rgb(98,99,124)
```
#5a5b84
```
#5a5b84 rgb(90,91,132)
```
#51538d
```
#51538d rgb(81,83,141)
```
#494c95
```
#494c95 rgb(73,76,149)
```
#40449e
```
#40449e rgb(64,68,158)
```
#383ca6
```
#383ca6 rgb(56,60,166)
```
#2f34af
```
#2f34af rgb(47,52,175)
```
#262cb8
```
#262cb8 rgb(38,44,184)
```
#1e24c0
```
#1e24c0 rgb(30,36,192)
```
#151cc9
```
#151cc9 rgb(21,28,201)
```
#0d15d1
```
#0d15d1 rgb(13,21,209)
```
#040dda
```
#040dda rgb(4,13,218)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3d3e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005183 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#11449f Protanomaly 1% of men, 0.01% of women
#114793 Deuteranomaly 6% of men, 0.4% of women
#114a7a Tritanomaly 0.01% of the population

#2f34af hex color

#2f34af Color Information

#2f34af Color Conversion

Color Schemes with #2f34af

Alternatives to #2f34af

#2f34af Preview

Shades and Tints of #2f34af

Tones of #2f34af

Color Blindness Simulator