#2a347f hex color

In a RGB color space, hex #2a347f is composed of 16.5% red, 20.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 59.1% magenta, 0% yellow and 50.2% black. It has a hue angle of 232.9 degrees, a saturation of 50.3% and a lightness of 33.1%. #2a347f color hex could be obtained by blending #5468fe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 16
- G 20
- B 50
RGB color chart
- C 67
- M 59
- Y 0
- K 50
CMYK color chart

● #2a347f color description : Dark moderate blue.

The hexadecimal color #2a347f has RGB values of R:42, G:52, B:127 and CMYK values of C:0.67, M:0.59, Y:0, K:0.5. Its decimal value is 2765951.

Hex triplet	2a347f	`#2a347f`
RGB Decimal	42, 52, 127	`rgb(42,52,127)`
RGB Percent	16.5, 20.4, 49.8	`rgb(16.5%,20.4%,49.8%)`
CMYK	67, 59, 0, 50
HSL	232.9°, 50.3, 33.1	`hsl(232.9,50.3%,33.1%)`
HSV (or HSB)	232.9°, 66.9, 49.8
Web Safe	333366	`#333366`

CIE-LAB	25.199, 21.644, -43.829
XYZ	6.013, 4.48, 20.625
xyY	0.193, 0.144, 4.48
CIE-LCH	25.199, 48.882, 296.282
CIE-LUV	25.199, -6.488, -55.645
Hunter-Lab	21.167, 13.666, -42.958
Binary	00101010, 00110100, 01111111

#2a347f
```
#2a347f rgb(42,52,127)
```
#7f752a
```
#7f752a rgb(127,117,42)
```

Complementary Color

#2a5f7f
```
#2a5f7f rgb(42,95,127)
```
#2a347f
```
#2a347f rgb(42,52,127)
```
#4a2a7f
```
#4a2a7f rgb(74,42,127)
```

Analogous Color

#5f7f2a
```
#5f7f2a rgb(95,127,42)
```
#2a347f
```
#2a347f rgb(42,52,127)
```
#7f4a2a
```
#7f4a2a rgb(127,74,42)
```

Split Complementary Color

#347f2a
```
#347f2a rgb(52,127,42)
```
#2a347f
```
#2a347f rgb(42,52,127)
```
#7f2a34
```
#7f2a34 rgb(127,42,52)
```

Triadic Color

#2a7f75
```
#2a7f75 rgb(42,127,117)
```
#2a347f
```
#2a347f rgb(42,52,127)
```
#7f2a34
```
#7f2a34 rgb(127,42,52)
```
#7f752a
```
#7f752a rgb(127,117,42)
```

Tetradic Color

#171c46
```
#171c46 rgb(23,28,70)
```
#1d2459
```
#1d2459 rgb(29,36,89)
```
#242c6c
```
#242c6c rgb(36,44,108)
```
#2a347f
```
#2a347f rgb(42,52,127)
```
#303c92
```
#303c92 rgb(48,60,146)
```
#3744a5
```
#3744a5 rgb(55,68,165)
```
#3d4cb8
```
#3d4cb8 rgb(61,76,184)
```

Monochromatic Color

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

#2a497f
```
#2a497f rgb(42,73,127)
```
#2a427f
```
#2a427f rgb(42,66,127)
```
#2a3b7f
```
#2a3b7f rgb(42,59,127)
```
#2a347f
```
#2a347f rgb(42,52,127)
```
#2a2d7f
```
#2a2d7f rgb(42,45,127)
```
#2e2a7f
```
#2e2a7f rgb(46,42,127)
```
#352a7f
```
#352a7f rgb(53,42,127)
```

Similar Colors

Text with hexadecimal color #2a347f

This text has a font color of #2a347f.

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

#2a347f background color

This paragraph has a background color of #2a347f.

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

#2a347f border color

This element has a border color of #2a347f.

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

CSS codes

.text {color:#2a347f;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#080a18
```
#080a18 rgb(8,10,24)
```
#0d1027
```
#0d1027 rgb(13,16,39)
```
#121635
```
#121635 rgb(18,22,53)
```
#171c44
```
#171c44 rgb(23,28,68)
```
#1b2253
```
#1b2253 rgb(27,34,83)
```
#202862
```
#202862 rgb(32,40,98)
```
#252e70
```
#252e70 rgb(37,46,112)
```
#2a347f
```
#2a347f rgb(42,52,127)
```
#2f3a8e
```
#2f3a8e rgb(47,58,142)
```
#34409c
```
#34409c rgb(52,64,156)
```
#3946ab
```
#3946ab rgb(57,70,171)
```
#3d4cba
```
#3d4cba rgb(61,76,186)
```

Shade Color Variation

#4857c3
```
#4857c3 rgb(72,87,195)
```
#5764c8
```
#5764c8 rgb(87,100,200)
```
#6672cc
```
#6672cc rgb(102,114,204)
```
#7580d1
```
#7580d1 rgb(117,128,209)
```
#838dd6
```
#838dd6 rgb(131,141,214)
```
#929bdb
```
#929bdb rgb(146,155,219)
```
#a1a8e0
```
#a1a8e0 rgb(161,168,224)
```
#b0b6e5
```
#b0b6e5 rgb(176,182,229)
```
#bec3ea
```
#bec3ea rgb(190,195,234)
```
#cdd1ef
```
#cdd1ef rgb(205,209,239)
```
#dcdff3
```
#dcdff3 rgb(220,223,243)
```
#ebecf8
```
#ebecf8 rgb(235,236,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #515258 is the less saturated color, while #0316a6 is the most saturated one.

#515258
```
#515258 rgb(81,82,88)
```
#4b4d5f
```
#4b4d5f rgb(75,77,95)
```
#444865
```
#444865 rgb(68,72,101)
```
#3e436c
```
#3e436c rgb(62,67,108)
```
#373e72
```
#373e72 rgb(55,62,114)
```
#313979
```
#313979 rgb(49,57,121)
```
#2a347f
```
#2a347f rgb(42,52,127)
```
#242f86
```
#242f86 rgb(36,47,134)
```
#1d2a8c
```
#1d2a8c rgb(29,42,140)
```
#172593
```
#172593 rgb(23,37,147)
```
#102099
```
#102099 rgb(16,32,153)
```
#0a1ba0
```
#0a1ba0 rgb(10,27,160)
```
#0316a6
```
#0316a6 rgb(3,22,166)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#373948 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004384 Protanopia 1% of men
#004774 Deuteranopia 1% of men
#004c52 Tritanopia 0.001% of the population

Trichromacy

#0f3e82 Protanomaly 1% of men, 0.01% of women
#0f4078 Deuteranomaly 6% of men, 0.4% of women
#0f4362 Tritanomaly 0.01% of the population

#2a347f hex color

#2a347f Color Information

#2a347f Color Conversion

Color Schemes with #2a347f

Alternatives to #2a347f

#2a347f Preview

Shades and Tints of #2a347f

Tones of #2a347f

Color Blindness Simulator