#2f46d2 hex color

In a RGB color space, hex #2f46d2 is composed of 18.4% red, 27.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 66.7% magenta, 0% yellow and 17.6% black. It has a hue angle of 231.5 degrees, a saturation of 64.4% and a lightness of 50.4%. #2f46d2 color hex could be obtained by blending #5e8cff with #0000a5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 27
- B 82
RGB color chart
- C 78
- M 67
- Y 0
- K 18
CMYK color chart

● #2f46d2 color description : Strong blue.

The hexadecimal color #2f46d2 has RGB values of R:47, G:70, B:210 and CMYK values of C:0.78, M:0.67, Y:0, K:0.18. Its decimal value is 3098322.

Hex triplet	2f46d2	`#2f46d2`
RGB Decimal	47, 70, 210	`rgb(47,70,210)`
RGB Percent	18.4, 27.5, 82.4	`rgb(18.4%,27.5%,82.4%)`
CMYK	78, 67, 0, 18
HSL	231.5°, 64.4, 50.4	`hsl(231.5,64.4%,50.4%)`
HSV (or HSB)	231.5°, 77.6, 82.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.182, 40.924, -74.111
XYZ	14.993, 9.637, 62.039
xyY	0.173, 0.111, 9.637
CIE-LCH	37.182, 84.66, 298.907
CIE-LUV	37.182, -11.766, -105.097
Hunter-Lab	31.043, 31.885, -96.76
Binary	00101111, 01000110, 11010010

#2f46d2
```
#2f46d2 rgb(47,70,210)
```
#d2bb2f
```
#d2bb2f rgb(210,187,47)
```

Complementary Color

#2f98d2
```
#2f98d2 rgb(47,152,210)
```
#2f46d2
```
#2f46d2 rgb(47,70,210)
```
#6a2fd2
```
#6a2fd2 rgb(106,47,210)
```

Analogous Color

#98d22f
```
#98d22f rgb(152,210,47)
```
#2f46d2
```
#2f46d2 rgb(47,70,210)
```
#d26a2f
```
#d26a2f rgb(210,106,47)
```

Split Complementary Color

#46d22f
```
#46d22f rgb(70,210,47)
```
#2f46d2
```
#2f46d2 rgb(47,70,210)
```
#d22f46
```
#d22f46 rgb(210,47,70)
```

Triadic Color

#2fd2bb
```
#2fd2bb rgb(47,210,187)
```
#2f46d2
```
#2f46d2 rgb(47,70,210)
```
#d22f46
```
#d22f46 rgb(210,47,70)
```
#d2bb2f
```
#d2bb2f rgb(210,187,47)
```

Tetradic Color

#203194
```
#203194 rgb(32,49,148)
```
#2537a9
```
#2537a9 rgb(37,55,169)
```
#293ebe
```
#293ebe rgb(41,62,190)
```
#2f46d2
```
#2f46d2 rgb(47,70,210)
```
#4459d7
```
#4459d7 rgb(68,89,215)
```
#596bdb
```
#596bdb rgb(89,107,219)
```
#6e7ee0
```
#6e7ee0 rgb(110,126,224)
```

Monochromatic Color

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

#2f6fd2
```
#2f6fd2 rgb(47,111,210)
```
#2f61d2
```
#2f61d2 rgb(47,97,210)
```
#2f54d2
```
#2f54d2 rgb(47,84,210)
```
#2f46d2
```
#2f46d2 rgb(47,70,210)
```
#2f38d2
```
#2f38d2 rgb(47,56,210)
```
#332fd2
```
#332fd2 rgb(51,47,210)
```
#412fd2
```
#412fd2 rgb(65,47,210)
```

Similar Colors

Text with hexadecimal color #2f46d2

This text has a font color of #2f46d2.

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

#2f46d2 background color

This paragraph has a background color of #2f46d2.

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

#2f46d2 border color

This element has a border color of #2f46d2.

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

CSS codes

.text {color:#2f46d2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040612
```
#040612 rgb(4,6,18)
```
#070b22
```
#070b22 rgb(7,11,34)
```
#0b1032
```
#0b1032 rgb(11,16,50)
```
#0e1642
```
#0e1642 rgb(14,22,66)
```
#121b52
```
#121b52 rgb(18,27,82)
```
#152062
```
#152062 rgb(21,32,98)
```
#192573
```
#192573 rgb(25,37,115)
```
#1c2b83
```
#1c2b83 rgb(28,43,131)
```
#203093
```
#203093 rgb(32,48,147)
```
#2335a3
```
#2335a3 rgb(35,53,163)
```
#273bb3
```
#273bb3 rgb(39,59,179)
```
#2a40c3
```
#2a40c3 rgb(42,64,195)
```

Shade Color Variation

#2f46d2
```
#2f46d2 rgb(47,70,210)
```
#3f54d5
```
#3f54d5 rgb(63,84,213)
```
#4f63d9
```
#4f63d9 rgb(79,99,217)
```
#5f71dc
```
#5f71dc rgb(95,113,220)
```
#707fe0
```
#707fe0 rgb(112,127,224)
```
#808ee3
```
#808ee3 rgb(128,142,227)
```
#909ce7
```
#909ce7 rgb(144,156,231)
```
#a0aaea
```
#a0aaea rgb(160,170,234)
```
#b0b9ee
```
#b0b9ee rgb(176,185,238)
```
#c0c7f1
```
#c0c7f1 rgb(192,199,241)
```
#d0d5f5
```
#d0d5f5 rgb(208,213,245)
```
#e0e4f8
```
#e0e4f8 rgb(224,228,248)
```
#f1f2fc
```
#f1f2fc rgb(241,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7e84 is the less saturated color, while #082af9 is the most saturated one.

#7d7e84
```
#7d7e84 rgb(125,126,132)
```
#73778e
```
#73778e rgb(115,119,142)
```
#697098
```
#697098 rgb(105,112,152)
```
#6069a1
```
#6069a1 rgb(96,105,161)
```
#5662ab
```
#5662ab rgb(86,98,171)
```
#4c5bb5
```
#4c5bb5 rgb(76,91,181)
```
#4254bf
```
#4254bf rgb(66,84,191)
```
#394dc8
```
#394dc8 rgb(57,77,200)
```
#2f46d2
```
#2f46d2 rgb(47,70,210)
```
#253fdc
```
#253fdc rgb(37,63,220)
```
#1c38e5
```
#1c38e5 rgb(28,56,229)
```
#1231ef
```
#1231ef rgb(18,49,239)
```
#082af9
```
#082af9 rgb(8,42,249)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#494d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00629e Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1154c0 Protanomaly 1% of men, 0.01% of women
#1158b1 Deuteranomaly 6% of men, 0.4% of women
#115c93 Tritanomaly 0.01% of the population

#2f46d2 hex color

#2f46d2 Color Information

#2f46d2 Color Conversion

Color Schemes with #2f46d2

Alternatives to #2f46d2

#2f46d2 Preview

Shades and Tints of #2f46d2

Tones of #2f46d2

Color Blindness Simulator