#2f45e0 hex color

In a RGB color space, hex #2f45e0 is composed of 18.4% red, 27.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 69.2% magenta, 0% yellow and 12.2% black. It has a hue angle of 232.5 degrees, a saturation of 74.1% and a lightness of 53.1%. #2f45e0 color hex could be obtained by blending #5e8aff with #0000c1. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 27
- B 88
RGB color chart
- C 79
- M 69
- Y 0
- K 12
CMYK color chart

● #2f45e0 color description : Bright blue.

The hexadecimal color #2f45e0 has RGB values of R:47, G:69, B:224 and CMYK values of C:0.79, M:0.69, Y:0, K:0.12. Its decimal value is 3098080.

Hex triplet	2f45e0	`#2f45e0`
RGB Decimal	47, 69, 224	`rgb(47,69,224)`
RGB Percent	18.4, 27.1, 87.8	`rgb(18.4%,27.1%,87.8%)`
CMYK	79, 69, 0, 12
HSL	232.5°, 74.1, 53.1	`hsl(232.5,74.1%,53.1%)`
HSV (or HSB)	232.5°, 79, 87.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.272, 46.407, -80.356
XYZ	16.752, 10.241, 71.611
xyY	0.17, 0.104, 10.241
CIE-LCH	38.272, 92.793, 300.007
CIE-LUV	38.272, -11.882, -113.964
Hunter-Lab	32.002, 37.437, -110.272
Binary	00101111, 01000101, 11100000

#2f45e0
```
#2f45e0 rgb(47,69,224)
```
#e0ca2f
```
#e0ca2f rgb(224,202,47)
```

Complementary Color

#2f9ee0
```
#2f9ee0 rgb(47,158,224)
```
#2f45e0
```
#2f45e0 rgb(47,69,224)
```
#722fe0
```
#722fe0 rgb(114,47,224)
```

Analogous Color

#9ee02f
```
#9ee02f rgb(158,224,47)
```
#2f45e0
```
#2f45e0 rgb(47,69,224)
```
#e0722f
```
#e0722f rgb(224,114,47)
```

Split Complementary Color

#45e02f
```
#45e02f rgb(69,224,47)
```
#2f45e0
```
#2f45e0 rgb(47,69,224)
```
#e02f45
```
#e02f45 rgb(224,47,69)
```

Triadic Color

#2fe0ca
```
#2fe0ca rgb(47,224,202)
```
#2f45e0
```
#2f45e0 rgb(47,69,224)
```
#e02f45
```
#e02f45 rgb(224,47,69)
```
#e0ca2f
```
#e0ca2f rgb(224,202,47)
```

Tetradic Color

#192ba9
```
#192ba9 rgb(25,43,169)
```
#1d31bf
```
#1d31bf rgb(29,49,191)
```
#2036d6
```
#2036d6 rgb(32,54,214)
```
#2f45e0
```
#2f45e0 rgb(47,69,224)
```
#4559e3
```
#4559e3 rgb(69,89,227)
```
#5b6de7
```
#5b6de7 rgb(91,109,231)
```
#7281ea
```
#7281ea rgb(114,129,234)
```

Monochromatic Color

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

#2f71e0
```
#2f71e0 rgb(47,113,224)
```
#2f62e0
```
#2f62e0 rgb(47,98,224)
```
#2f54e0
```
#2f54e0 rgb(47,84,224)
```
#2f45e0
```
#2f45e0 rgb(47,69,224)
```
#2f36e0
```
#2f36e0 rgb(47,54,224)
```
#372fe0
```
#372fe0 rgb(55,47,224)
```
#452fe0
```
#452fe0 rgb(69,47,224)
```

Similar Colors

Text with hexadecimal color #2f45e0

This text has a font color of #2f45e0.

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

#2f45e0 background color

This paragraph has a background color of #2f45e0.

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

#2f45e0 border color

This element has a border color of #2f45e0.

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

CSS codes

.text {color:#2f45e0;}

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

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

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, #02040e is the darkest color, while #fcfcff is the lightest one.

#02040e
```
#02040e rgb(2,4,14)
```
#05081f
```
#05081f rgb(5,8,31)
```
#070c30
```
#070c30 rgb(7,12,48)
```
#0a1141
```
#0a1141 rgb(10,17,65)
```
#0c1552
```
#0c1552 rgb(12,21,82)
```
#0f1963
```
#0f1963 rgb(15,25,99)
```
#111e74
```
#111e74 rgb(17,30,116)
```
#142285
```
#142285 rgb(20,34,133)
```
#162696
```
#162696 rgb(22,38,150)
```
#192ba8
```
#192ba8 rgb(25,43,168)
```
#1c2fb9
```
#1c2fb9 rgb(28,47,185)
```
#1e33ca
```
#1e33ca rgb(30,51,202)
```
#2138db
```
#2138db rgb(33,56,219)
```

Shade Color Variation

#2f45e0
```
#2f45e0 rgb(47,69,224)
```
#4054e3
```
#4054e3 rgb(64,84,227)
```
#5164e5
```
#5164e5 rgb(81,100,229)
```
#6273e8
```
#6273e8 rgb(98,115,232)
```
#7382ea
```
#7382ea rgb(115,130,234)
```
#8491ed
```
#8491ed rgb(132,145,237)
```
#95a1ef
```
#95a1ef rgb(149,161,239)
```
#a6b0f2
```
#a6b0f2 rgb(166,176,242)
```
#b8bff4
```
#b8bff4 rgb(184,191,244)
```
#c9cef7
```
#c9cef7 rgb(201,206,247)
```
#dadef9
```
#dadef9 rgb(218,222,249)
```
#ebedfc
```
#ebedfc rgb(235,237,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82838d is the less saturated color, while #1330fc is the most saturated one.

#82838d
```
#82838d rgb(130,131,141)
```
#797c96
```
#797c96 rgb(121,124,150)
```
#6f75a0
```
#6f75a0 rgb(111,117,160)
```
#666ea9
```
#666ea9 rgb(102,110,169)
```
#5d68b2
```
#5d68b2 rgb(93,104,178)
```
#5461bb
```
#5461bb rgb(84,97,187)
```
#4b5ac4
```
#4b5ac4 rgb(75,90,196)
```
#4153ce
```
#4153ce rgb(65,83,206)
```
#384cd7
```
#384cd7 rgb(56,76,215)
```
#2f45e0
```
#2f45e0 rgb(47,69,224)
```
#263ee9
```
#263ee9 rgb(38,62,233)
```
#1d37f2
```
#1d37f2 rgb(29,55,242)
```
#1330fc
```
#1330fc rgb(19,48,252)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#494e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#1156c8 Protanomaly 1% of men, 0.01% of women
#1159b8 Deuteranomaly 6% of men, 0.4% of women
#115e99 Tritanomaly 0.01% of the population

#2f45e0 hex color

#2f45e0 Color Information

#2f45e0 Color Conversion

Color Schemes with #2f45e0

Alternatives to #2f45e0

#2f45e0 Preview

Shades and Tints of #2f45e0

Tones of #2f45e0

Color Blindness Simulator