#2f45d3 hex color

In a RGB color space, hex #2f45d3 is composed of 18.4% red, 27.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 67.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 232 degrees, a saturation of 65.1% and a lightness of 50.6%. #2f45d3 color hex could be obtained by blending #5e8aff with #0000a7. Closest websafe color is: #3333cc.

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

● #2f45d3 color description : Strong blue.

The hexadecimal color #2f45d3 has RGB values of R:47, G:69, B:211 and CMYK values of C:0.78, M:0.67, Y:0, K:0.17. Its decimal value is 3098067.

Hex triplet	2f45d3	`#2f45d3`
RGB Decimal	47, 69, 211	`rgb(47,69,211)`
RGB Percent	18.4, 27.1, 82.7	`rgb(18.4%,27.1%,82.7%)`
CMYK	78, 67, 0, 17
HSL	232°, 65.1, 50.6	`hsl(232,65.1%,50.6%)`
HSV (or HSB)	232°, 77.7, 82.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.046, 41.891, -74.913
XYZ	15.056, 9.563, 62.677
xyY	0.172, 0.11, 9.563
CIE-LCH	37.046, 85.83, 299.213
CIE-LUV	37.046, -11.581, -105.938
Hunter-Lab	30.924, 32.791, -98.524
Binary	00101111, 01000101, 11010011

#2f45d3
```
#2f45d3 rgb(47,69,211)
```
#d3bd2f
```
#d3bd2f rgb(211,189,47)
```

Complementary Color

#2f97d3
```
#2f97d3 rgb(47,151,211)
```
#2f45d3
```
#2f45d3 rgb(47,69,211)
```
#6b2fd3
```
#6b2fd3 rgb(107,47,211)
```

Analogous Color

#97d32f
```
#97d32f rgb(151,211,47)
```
#2f45d3
```
#2f45d3 rgb(47,69,211)
```
#d36b2f
```
#d36b2f rgb(211,107,47)
```

Split Complementary Color

#45d32f
```
#45d32f rgb(69,211,47)
```
#2f45d3
```
#2f45d3 rgb(47,69,211)
```
#d32f45
```
#d32f45 rgb(211,47,69)
```

Triadic Color

#2fd3bd
```
#2fd3bd rgb(47,211,189)
```
#2f45d3
```
#2f45d3 rgb(47,69,211)
```
#d32f45
```
#d32f45 rgb(211,47,69)
```
#d3bd2f
```
#d3bd2f rgb(211,189,47)
```

Tetradic Color

#203096
```
#203096 rgb(32,48,150)
```
#2436ab
```
#2436ab rgb(36,54,171)
```
#293dc0
```
#293dc0 rgb(41,61,192)
```
#2f45d3
```
#2f45d3 rgb(47,69,211)
```
#4458d7
```
#4458d7 rgb(68,88,215)
```
#596bdc
```
#596bdc rgb(89,107,220)
```
#6e7de0
```
#6e7de0 rgb(110,125,224)
```

Monochromatic Color

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

#2f6ed3
```
#2f6ed3 rgb(47,110,211)
```
#2f60d3
```
#2f60d3 rgb(47,96,211)
```
#2f53d3
```
#2f53d3 rgb(47,83,211)
```
#2f45d3
```
#2f45d3 rgb(47,69,211)
```
#2f37d3
```
#2f37d3 rgb(47,55,211)
```
#342fd3
```
#342fd3 rgb(52,47,211)
```
#422fd3
```
#422fd3 rgb(66,47,211)
```

Similar Colors

Text with hexadecimal color #2f45d3

This text has a font color of #2f45d3.

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

#2f45d3 background color

This paragraph has a background color of #2f45d3.

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

#2f45d3 border color

This element has a border color of #2f45d3.

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

CSS codes

.text {color:#2f45d3;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#040613
```
#040613 rgb(4,6,19)
```
#070b23
```
#070b23 rgb(7,11,35)
```
#0b1033
```
#0b1033 rgb(11,16,51)
```
#0e1543
```
#0e1543 rgb(14,21,67)
```
#121a53
```
#121a53 rgb(18,26,83)
```
#152064
```
#152064 rgb(21,32,100)
```
#182574
```
#182574 rgb(24,37,116)
```
#1c2a84
```
#1c2a84 rgb(28,42,132)
```
#1f2f94
```
#1f2f94 rgb(31,47,148)
```
#2334a4
```
#2334a4 rgb(35,52,164)
```
#2639b5
```
#2639b5 rgb(38,57,181)
```
#2a3ec5
```
#2a3ec5 rgb(42,62,197)
```

Shade Color Variation

#2f45d3
```
#2f45d3 rgb(47,69,211)
```
#3f53d6
```
#3f53d6 rgb(63,83,214)
```
#4f62da
```
#4f62da rgb(79,98,218)
```
#6070dd
```
#6070dd rgb(96,112,221)
```
#707fe1
```
#707fe1 rgb(112,127,225)
```
#808de4
```
#808de4 rgb(128,141,228)
```
#909ce8
```
#909ce8 rgb(144,156,232)
```
#a0aaeb
```
#a0aaeb rgb(160,170,235)
```
#b1b9ee
```
#b1b9ee rgb(177,185,238)
```
#c1c7f2
```
#c1c7f2 rgb(193,199,242)
```
#d1d6f5
```
#d1d6f5 rgb(209,214,245)
```
#e1e4f9
```
#e1e4f9 rgb(225,228,249)
```
#f1f3fc
```
#f1f3fc rgb(241,243,252)
```

Tint Color Variation

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

#7d7e85
```
#7d7e85 rgb(125,126,133)
```
#73778f
```
#73778f rgb(115,119,143)
```
#697099
```
#697099 rgb(105,112,153)
```
#5f68a3
```
#5f68a3 rgb(95,104,163)
```
#5661ac
```
#5661ac rgb(86,97,172)
```
#4c5ab6
```
#4c5ab6 rgb(76,90,182)
```
#4253c0
```
#4253c0 rgb(66,83,192)
```
#394cc9
```
#394cc9 rgb(57,76,201)
```
#2f45d3
```
#2f45d3 rgb(47,69,211)
```
#253edd
```
#253edd rgb(37,62,221)
```
#1c37e6
```
#1c37e6 rgb(28,55,230)
```
#1230f0
```
#1230f0 rgb(18,48,240)
```
#0829fa
```
#0829fa rgb(8,41,250)
```

Tone Color Variation

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

#005db5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

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

#2f45d3 hex color

#2f45d3 Color Information

#2f45d3 Color Conversion

Color Schemes with #2f45d3

Alternatives to #2f45d3

#2f45d3 Preview

Shades and Tints of #2f45d3

Tones of #2f45d3

Color Blindness Simulator