#2245ef hex color

In a RGB color space, hex #2245ef is composed of 13.3% red, 27.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 71.1% magenta, 0% yellow and 6.3% black. It has a hue angle of 229.8 degrees, a saturation of 86.5% and a lightness of 53.5%. #2245ef color hex could be obtained by blending #448aff with #0000df. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 27
- B 94
RGB color chart
- C 86
- M 71
- Y 0
- K 6
CMYK color chart

● #2245ef color description : Vivid blue.

The hexadecimal color #2245ef has RGB values of R:34, G:69, B:239 and CMYK values of C:0.86, M:0.71, Y:0, K:0.06. Its decimal value is 2246127.

Hex triplet	2245ef	`#2245ef`
RGB Decimal	34, 69, 239	`rgb(34,69,239)`
RGB Percent	13.3, 27.1, 93.7	`rgb(13.3%,27.1%,93.7%)`
CMYK	86, 71, 0, 6
HSL	229.8°, 86.5, 53.5	`hsl(229.8,86.5%,53.5%)`
HSV (or HSB)	229.8°, 85.8, 93.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.287, 50.75, -87.213
XYZ	18.365, 10.827, 82.779
xyY	0.164, 0.097, 10.827
CIE-LCH	39.287, 100.904, 300.195
CIE-LUV	39.287, -13.611, -123.217
Hunter-Lab	32.904, 42.042, -126.125
Binary	00100010, 01000101, 11101111

#2245ef
```
#2245ef rgb(34,69,239)
```
#efcc22
```
#efcc22 rgb(239,204,34)
```

Complementary Color

#22acef
```
#22acef rgb(34,172,239)
```
#2245ef
```
#2245ef rgb(34,69,239)
```
#6622ef
```
#6622ef rgb(102,34,239)
```

Analogous Color

#acef22
```
#acef22 rgb(172,239,34)
```
#2245ef
```
#2245ef rgb(34,69,239)
```
#ef6622
```
#ef6622 rgb(239,102,34)
```

Split Complementary Color

#45ef22
```
#45ef22 rgb(69,239,34)
```
#2245ef
```
#2245ef rgb(34,69,239)
```
#ef2245
```
#ef2245 rgb(239,34,69)
```

Triadic Color

#22efcc
```
#22efcc rgb(34,239,204)
```
#2245ef
```
#2245ef rgb(34,69,239)
```
#ef2245
```
#ef2245 rgb(239,34,69)
```
#efcc22
```
#efcc22 rgb(239,204,34)
```

Tetradic Color

#0d2ab7
```
#0d2ab7 rgb(13,42,183)
```
#0f30cf
```
#0f30cf rgb(15,48,207)
```
#1135e7
```
#1135e7 rgb(17,53,231)
```
#2245ef
```
#2245ef rgb(34,69,239)
```
#3a59f1
```
#3a59f1 rgb(58,89,241)
```
#526df2
```
#526df2 rgb(82,109,242)
```
#6981f4
```
#6981f4 rgb(105,129,244)
```

Monochromatic Color

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

#2278ef
```
#2278ef rgb(34,120,239)
```
#2267ef
```
#2267ef rgb(34,103,239)
```
#2256ef
```
#2256ef rgb(34,86,239)
```
#2245ef
```
#2245ef rgb(34,69,239)
```
#2234ef
```
#2234ef rgb(34,52,239)
```
#2223ef
```
#2223ef rgb(34,35,239)
```
#3222ef
```
#3222ef rgb(50,34,239)
```

Similar Colors

Text with hexadecimal color #2245ef

This text has a font color of #2245ef.

<span style="color:#2245ef;">Text here</span>

#2245ef background color

This paragraph has a background color of #2245ef.

<p style="background-color:#2245ef;">Content here</p>

#2245ef border color

This element has a border color of #2245ef.

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

CSS codes

.text {color:#2245ef;}

.background {background-color:#2245ef;}

.border {border:1px solid #2245ef;}

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

#010411
```
#010411 rgb(1,4,17)
```
#030823
```
#030823 rgb(3,8,35)
```
#040c35
```
#040c35 rgb(4,12,53)
```
#051148
```
#051148 rgb(5,17,72)
```
#07155a
```
#07155a rgb(7,21,90)
```
#08196c
```
#08196c rgb(8,25,108)
```
#091d7f
```
#091d7f rgb(9,29,127)
```
#0a2191
```
#0a2191 rgb(10,33,145)
```
#0c26a3
```
#0c26a3 rgb(12,38,163)
```
#0d2ab5
```
#0d2ab5 rgb(13,42,181)
```
#0e2ec8
```
#0e2ec8 rgb(14,46,200)
```
#1032da
```
#1032da rgb(16,50,218)
```
#1137ec
```
#1137ec rgb(17,55,236)
```

Shade Color Variation

#2245ef
```
#2245ef rgb(34,69,239)
```
#3454f0
```
#3454f0 rgb(52,84,240)
```
#4764f2
```
#4764f2 rgb(71,100,242)
```
#5973f3
```
#5973f3 rgb(89,115,243)
```
#6b83f4
```
#6b83f4 rgb(107,131,244)
```
#7d92f6
```
#7d92f6 rgb(125,146,246)
```
#90a1f7
```
#90a1f7 rgb(144,161,247)
```
#a2b1f8
```
#a2b1f8 rgb(162,177,248)
```
#b4c0fa
```
#b4c0fa rgb(180,192,250)
```
#c7d0fb
```
#c7d0fb rgb(199,208,251)
```
#d9dffc
```
#d9dffc rgb(217,223,252)
```
#ebeefe
```
#ebeefe rgb(235,238,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86878b is the less saturated color, while #193ff8 is the most saturated one.

#86878b
```
#86878b rgb(134,135,139)
```
#7d8194
```
#7d8194 rgb(125,129,148)
```
#747b9d
```
#747b9d rgb(116,123,157)
```
#6b75a6
```
#6b75a6 rgb(107,117,166)
```
#626faf
```
#626faf rgb(98,111,175)
```
#5969b8
```
#5969b8 rgb(89,105,184)
```
#5063c1
```
#5063c1 rgb(80,99,193)
```
#465dcb
```
#465dcb rgb(70,93,203)
```
#3d57d4
```
#3d57d4 rgb(61,87,212)
```
#3451dd
```
#3451dd rgb(52,81,221)
```
#2b4be6
```
#2b4be6 rgb(43,75,230)
```
#2245ef
```
#2245ef rgb(34,69,239)
```
#193ff8
```
#193ff8 rgb(25,63,248)
```

Tone Color Variation

Below, you can see how #2245ef 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

#4e4e4e Achromatopsia 0.005% of the population
#454c6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006f74 Tritanopia 0.001% of the population

Trichromacy

#0c57d0 Protanomaly 1% of men, 0.01% of women
#0c5bc0 Deuteranomaly 6% of men, 0.4% of women
#0c5fa0 Tritanomaly 0.01% of the population

#2245ef hex color

#2245ef Color Information

#2245ef Color Conversion

Color Schemes with #2245ef

Alternatives to #2245ef

#2245ef Preview

Shades and Tints of #2245ef

Tones of #2245ef

Color Blindness Simulator