#2274de hex color

In a RGB color space, hex #2274de is composed of 13.3% red, 45.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 47.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 213.8 degrees, a saturation of 74% and a lightness of 50.2%. #2274de color hex could be obtained by blending #44e8ff with #0000bd. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 45
- B 87
RGB color chart
- C 85
- M 48
- Y 0
- K 13
CMYK color chart

● #2274de color description : Bright blue.

The hexadecimal color #2274de has RGB values of R:34, G:116, B:222 and CMYK values of C:0.85, M:0.48, Y:0, K:0.13. Its decimal value is 2258142.

Hex triplet	2274de	`#2274de`
RGB Decimal	34, 116, 222	`rgb(34,116,222)`
RGB Percent	13.3, 45.5, 87.1	`rgb(13.3%,45.5%,87.1%)`
CMYK	85, 48, 0, 13
HSL	213.8°, 74, 50.2	`hsl(213.8,74%,50.2%)`
HSV (or HSB)	213.8°, 84.7, 87.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	49.621, 14.977, -60.73
XYZ	20.087, 18.103, 71.539
xyY	0.183, 0.165, 18.103
CIE-LCH	49.621, 62.55, 283.853
CIE-LUV	49.621, -25.24, -94.505
Hunter-Lab	42.548, 9.812, -69.905
Binary	00100010, 01110100, 11011110

#2274de
```
#2274de rgb(34,116,222)
```
#de8c22
```
#de8c22 rgb(222,140,34)
```

Complementary Color

#22d2de
```
#22d2de rgb(34,210,222)
```
#2274de
```
#2274de rgb(34,116,222)
```
#2e22de
```
#2e22de rgb(46,34,222)
```

Analogous Color

#d2de22
```
#d2de22 rgb(210,222,34)
```
#2274de
```
#2274de rgb(34,116,222)
```
#de2e22
```
#de2e22 rgb(222,46,34)
```

Split Complementary Color

#74de22
```
#74de22 rgb(116,222,34)
```
#2274de
```
#2274de rgb(34,116,222)
```
#de2274
```
#de2274 rgb(222,34,116)
```

Triadic Color

#22de8c
```
#22de8c rgb(34,222,140)
```
#2274de
```
#2274de rgb(34,116,222)
```
#de2274
```
#de2274 rgb(222,34,116)
```
#de8c22
```
#de8c22 rgb(222,140,34)
```

Tetradic Color

#17519c
```
#17519c rgb(23,81,156)
```
#1b5db2
```
#1b5db2 rgb(27,93,178)
```
#1e68c9
```
#1e68c9 rgb(30,104,201)
```
#2274de
```
#2274de rgb(34,116,222)
```
#3882e1
```
#3882e1 rgb(56,130,225)
```
#4e90e5
```
#4e90e5 rgb(78,144,229)
```
#659ee8
```
#659ee8 rgb(101,158,232)
```

Monochromatic Color

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

#22a3de
```
#22a3de rgb(34,163,222)
```
#2293de
```
#2293de rgb(34,147,222)
```
#2284de
```
#2284de rgb(34,132,222)
```
#2274de
```
#2274de rgb(34,116,222)
```
#2264de
```
#2264de rgb(34,100,222)
```
#2255de
```
#2255de rgb(34,85,222)
```
#2245de
```
#2245de rgb(34,69,222)
```

Similar Colors

Text with hexadecimal color #2274de

This text has a font color of #2274de.

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

#2274de background color

This paragraph has a background color of #2274de.

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

#2274de border color

This element has a border color of #2274de.

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

CSS codes

.text {color:#2274de;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030912
```
#030912 rgb(3,9,18)
```
#051223
```
#051223 rgb(5,18,35)
```
#081b34
```
#081b34 rgb(8,27,52)
```
#0a2445
```
#0a2445 rgb(10,36,69)
```
#0d2d56
```
#0d2d56 rgb(13,45,86)
```
#0f3667
```
#0f3667 rgb(15,54,103)
```
#123f78
```
#123f78 rgb(18,63,120)
```
#154889
```
#154889 rgb(21,72,137)
```
#17509a
```
#17509a rgb(23,80,154)
```
#1a59ac
```
#1a59ac rgb(26,89,172)
```
#1c62bd
```
#1c62bd rgb(28,98,189)
```
#1f6bce
```
#1f6bce rgb(31,107,206)
```

Shade Color Variation

#2274de
```
#2274de rgb(34,116,222)
```
#337fe1
```
#337fe1 rgb(51,127,225)
```
#4489e3
```
#4489e3 rgb(68,137,227)
```
#5594e6
```
#5594e6 rgb(85,148,230)
```
#669fe8
```
#669fe8 rgb(102,159,232)
```
#77aaeb
```
#77aaeb rgb(119,170,235)
```
#88b4ed
```
#88b4ed rgb(136,180,237)
```
#99bff0
```
#99bff0 rgb(153,191,240)
```
#abcaf2
```
#abcaf2 rgb(171,202,242)
```
#bcd5f5
```
#bcd5f5 rgb(188,213,245)
```
#cddff7
```
#cddff7 rgb(205,223,247)
```
#deeafa
```
#deeafa rgb(222,234,250)
```
#eff5fd
```
#eff5fd rgb(239,245,253)
```

Tint Color Variation

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

#7a7f86
```
#7a7f86 rgb(122,127,134)
```
#707e90
```
#707e90 rgb(112,126,144)
```
#667d9a
```
#667d9a rgb(102,125,154)
```
#5d7ba3
```
#5d7ba3 rgb(93,123,163)
```
#537aad
```
#537aad rgb(83,122,173)
```
#4979b7
```
#4979b7 rgb(73,121,183)
```
#3f78c1
```
#3f78c1 rgb(63,120,193)
```
#3676ca
```
#3676ca rgb(54,118,202)
```
#2c75d4
```
#2c75d4 rgb(44,117,212)
```
#2274de
```
#2274de rgb(34,116,222)
```
#1873e8
```
#1873e8 rgb(24,115,232)
```
#0e72f2
```
#0e72f2 rgb(14,114,242)
```
#0570fb
```
#0570fb rgb(5,112,251)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5a6a80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f79de Protanopia 1% of men
#007fd2 Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#3577de Protanomaly 1% of men, 0.01% of women
#0c7bd6 Deuteranomaly 6% of men, 0.4% of women
#0c81ad Tritanomaly 0.01% of the population

#2274de hex color

#2274de Color Information

#2274de Color Conversion

Color Schemes with #2274de

Alternatives to #2274de

#2274de Preview

Shades and Tints of #2274de

Tones of #2274de

Color Blindness Simulator