colorhexa.com

#2274e7 hex color

In a RGB color space, hex #2274e7 is composed of 13.3% red, 45.5% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 49.8% magenta, 0% yellow and 9.4% black. It has a hue angle of 215 degrees, a saturation of 80.4% and a lightness of 52%. #2274e7 color hex could be obtained by blending #44e8ff with #0000cf. Closest websafe color is: #3366ff.

- R 13
- G 45
- B 91
RGB color chart
- C 85
- M 50
- Y 0
- K 9
CMYK color chart

● #2274e7 color description : Vivid blue.

The hexadecimal color #2274e7 has RGB values of R:34, G:116, B:231 and CMYK values of C:0.85, M:0.5, Y:0, K:0.09. Its decimal value is 2258151.

Hex triplet	2274e7	`#2274e7`
RGB Decimal	34, 116, 231	`rgb(34,116,231)`
RGB Percent	13.3, 45.5, 90.6	`rgb(13.3%,45.5%,90.6%)`
CMYK	85, 50, 0, 9
HSL	215°, 80.4, 52	`hsl(215,80.4%,52%)`
HSV (or HSB)	215°, 85.3, 90.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.214, 18.42, -64.84
XYZ	21.326, 18.599, 78.063
xyY	0.181, 0.158, 18.599
CIE-LCH	50.214, 67.405, 285.859
CIE-LUV	50.214, -24.965, -101.29
Hunter-Lab	43.126, 12.797, -77.133
Binary	00100010, 01110100, 11100111

#2274e7
```
#2274e7 rgb(34,116,231)
```
#e79522
```
#e79522 rgb(231,149,34)
```

Complementary Color

#22d7e7
```
#22d7e7 rgb(34,215,231)
```
#2274e7
```
#2274e7 rgb(34,116,231)
```
#3322e7
```
#3322e7 rgb(51,34,231)
```

Analogous Color

#d7e722
```
#d7e722 rgb(215,231,34)
```
#2274e7
```
#2274e7 rgb(34,116,231)
```
#e73322
```
#e73322 rgb(231,51,34)
```

Split Complementary Color

#74e722
```
#74e722 rgb(116,231,34)
```
#2274e7
```
#2274e7 rgb(34,116,231)
```
#e72274
```
#e72274 rgb(231,34,116)
```

Triadic Color

#22e795
```
#22e795 rgb(34,231,149)
```
#2274e7
```
#2274e7 rgb(34,116,231)
```
#e72274
```
#e72274 rgb(231,34,116)
```
#e79522
```
#e79522 rgb(231,149,34)
```

Tetradic Color

#1252aa
```
#1252aa rgb(18,82,170)
```
#155dc1
```
#155dc1 rgb(21,93,193)
```
#1768d8
```
#1768d8 rgb(23,104,216)
```
#2274e7
```
#2274e7 rgb(34,116,231)
```
#3982e9
```
#3982e9 rgb(57,130,233)
```
#5091ec
```
#5091ec rgb(80,145,236)
```
#679fee
```
#679fee rgb(103,159,238)
```

Monochromatic Color

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

#22a5e7
```
#22a5e7 rgb(34,165,231)
```
#2295e7
```
#2295e7 rgb(34,149,231)
```
#2284e7
```
#2284e7 rgb(34,132,231)
```
#2274e7
```
#2274e7 rgb(34,116,231)
```
#2264e7
```
#2264e7 rgb(34,100,231)
```
#2253e7
```
#2253e7 rgb(34,83,231)
```
#2243e7
```
#2243e7 rgb(34,67,231)
```

Similar Colors

Text with hexadecimal color #2274e7

This text has a font color of #2274e7.

<span style="color:#2274e7;">Text here</span>

#2274e7 background color

This paragraph has a background color of #2274e7.

<p style="background-color:#2274e7;">Content here</p>

#2274e7 border color

This element has a border color of #2274e7.

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

CSS codes

.text {color:#2274e7;}

.background {background-color:#2274e7;}

.border {border:1px solid #2274e7;}

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

#010409
```
#010409 rgb(1,4,9)
```
#030d1b
```
#030d1b rgb(3,13,27)
```
#05152c
```
#05152c rgb(5,21,44)
```
#071e3e
```
#071e3e rgb(7,30,62)
```
#092650
```
#092650 rgb(9,38,80)
```
#0b2f61
```
#0b2f61 rgb(11,47,97)
```
#0d3773
```
#0d3773 rgb(13,55,115)
```
#0e4085
```
#0e4085 rgb(14,64,133)
```
#104897
```
#104897 rgb(16,72,151)
```
#1251a8
```
#1251a8 rgb(18,81,168)
```
#1459ba
```
#1459ba rgb(20,89,186)
```
#1662cc
```
#1662cc rgb(22,98,204)
```
#186add
```
#186add rgb(24,106,221)
```

Shade Color Variation

#2274e7
```
#2274e7 rgb(34,116,231)
```
#347fe9
```
#347fe9 rgb(52,127,233)
```
#458aeb
```
#458aeb rgb(69,138,235)
```
#5795ed
```
#5795ed rgb(87,149,237)
```
#69a1ef
```
#69a1ef rgb(105,161,239)
```
#7aacf1
```
#7aacf1 rgb(122,172,241)
```
#8cb7f3
```
#8cb7f3 rgb(140,183,243)
```
#9ec2f4
```
#9ec2f4 rgb(158,194,244)
```
#b0cdf6
```
#b0cdf6 rgb(176,205,246)
```
#c1d8f8
```
#c1d8f8 rgb(193,216,248)
```
#d3e3fa
```
#d3e3fa rgb(211,227,250)
```
#e5eefc
```
#e5eefc rgb(229,238,252)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

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

#808489
```
#808489 rgb(128,132,137)
```
#778292
```
#778292 rgb(119,130,146)
```
#6d819c
```
#6d819c rgb(109,129,156)
```
#647fa5
```
#647fa5 rgb(100,127,165)
```
#5b7dae
```
#5b7dae rgb(91,125,174)
```
#517cb8
```
#517cb8 rgb(81,124,184)
```
#487ac1
```
#487ac1 rgb(72,122,193)
```
#3e79cb
```
#3e79cb rgb(62,121,203)
```
#3577d4
```
#3577d4 rgb(53,119,212)
```
#2b76de
```
#2b76de rgb(43,118,222)
```
#2274e7
```
#2274e7 rgb(34,116,231)
```
#1972f0
```
#1972f0 rgb(25,114,240)
```
#0f71fa
```
#0f71fa rgb(15,113,250)
```

Tone Color Variation

Below, you can see how #2274e7 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

#696969 Achromatopsia 0.005% of the population
#5b6b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#337ae7 Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#2c78e7 Protanomaly 1% of men, 0.01% of women
#0c7cda Deuteranomaly 6% of men, 0.4% of women
#0c82b1 Tritanomaly 0.01% of the population