colorhexa.com

#374ae2 hex color

In a RGB color space, hex #374ae2 is composed of 21.6% red, 29% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 67.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 233.3 degrees, a saturation of 74.7% and a lightness of 55.1%. #374ae2 color hex could be obtained by blending #6e94ff with #0000c5. Closest websafe color is: #3333cc.

- R 22
- G 29
- B 89
RGB color chart
- C 76
- M 67
- Y 0
- K 11
CMYK color chart

● #374ae2 color description : Bright blue.

The hexadecimal color #374ae2 has RGB values of R:55, G:74, B:226 and CMYK values of C:0.76, M:0.67, Y:0, K:0.11. Its decimal value is 3623650.

Hex triplet	374ae2	`#374ae2`
RGB Decimal	55, 74, 226	`rgb(55,74,226)`
RGB Percent	21.6, 29, 88.6	`rgb(21.6%,29%,88.6%)`
CMYK	76, 67, 0, 11
HSL	233.3°, 74.7, 55.1	`hsl(233.3,74.7%,55.1%)`
HSV (or HSB)	233.3°, 75.7, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.915, 44.78, -78.78
XYZ	17.749, 11.2, 73.174
xyY	0.174, 0.11, 11.2
CIE-LCH	39.915, 90.617, 299.615
CIE-LUV	39.915, -11.756, -113.958
Hunter-Lab	33.466, 36.105, -106.213
Binary	00110111, 01001010, 11100010

#374ae2
```
#374ae2 rgb(55,74,226)
```
#e2cf37
```
#e2cf37 rgb(226,207,55)
```

Complementary Color

#37a0e2
```
#37a0e2 rgb(55,160,226)
```
#374ae2
```
#374ae2 rgb(55,74,226)
```
#7a37e2
```
#7a37e2 rgb(122,55,226)
```

Analogous Color

#a0e237
```
#a0e237 rgb(160,226,55)
```
#374ae2
```
#374ae2 rgb(55,74,226)
```
#e27a37
```
#e27a37 rgb(226,122,55)
```

Split Complementary Color

#4ae237
```
#4ae237 rgb(74,226,55)
```
#374ae2
```
#374ae2 rgb(55,74,226)
```
#e2374a
```
#e2374a rgb(226,55,74)
```

Triadic Color

#37e2cf
```
#37e2cf rgb(55,226,207)
```
#374ae2
```
#374ae2 rgb(55,74,226)
```
#e2374a
```
#e2374a rgb(226,55,74)
```
#e2cf37
```
#e2cf37 rgb(226,207,55)
```

Tetradic Color

#1a2bb3
```
#1a2bb3 rgb(26,43,179)
```
#1d30c9
```
#1d30c9 rgb(29,48,201)
```
#2136df
```
#2136df rgb(33,54,223)
```
#374ae2
```
#374ae2 rgb(55,74,226)
```
#4d5ee5
```
#4d5ee5 rgb(77,94,229)
```
#6472e8
```
#6472e8 rgb(100,114,232)
```
#7a86ec
```
#7a86ec rgb(122,134,236)
```

Monochromatic Color

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

#3775e2
```
#3775e2 rgb(55,117,226)
```
#3767e2
```
#3767e2 rgb(55,103,226)
```
#3758e2
```
#3758e2 rgb(55,88,226)
```
#374ae2
```
#374ae2 rgb(55,74,226)
```
#373ce2
```
#373ce2 rgb(55,60,226)
```
#4137e2
```
#4137e2 rgb(65,55,226)
```
#4f37e2
```
#4f37e2 rgb(79,55,226)
```

Similar Colors

Text with hexadecimal color #374ae2

This text has a font color of #374ae2.

<span style="color:#374ae2;">Text here</span>

#374ae2 background color

This paragraph has a background color of #374ae2.

<p style="background-color:#374ae2;">Content here</p>

#374ae2 border color

This element has a border color of #374ae2.

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

CSS codes

.text {color:#374ae2;}

.background {background-color:#374ae2;}

.border {border:1px solid #374ae2;}

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

#010106
```
#010106 rgb(1,1,6)
```
#030517
```
#030517 rgb(3,5,23)
```
#060a28
```
#060a28 rgb(6,10,40)
```
#080e39
```
#080e39 rgb(8,14,57)
```
#0b124a
```
#0b124a rgb(11,18,74)
```
#0d165b
```
#0d165b rgb(13,22,91)
```
#101a6c
```
#101a6c rgb(16,26,108)
```
#121e7d
```
#121e7d rgb(18,30,125)
```
#15228f
```
#15228f rgb(21,34,143)
```
#1726a0
```
#1726a0 rgb(23,38,160)
```
#1a2ab1
```
#1a2ab1 rgb(26,42,177)
```
#1c2fc2
```
#1c2fc2 rgb(28,47,194)
```
#1f33d3
```
#1f33d3 rgb(31,51,211)
```

Shade Color Variation

#263ae0
```
#263ae0 rgb(38,58,224)
```
#374ae2
```
#374ae2 rgb(55,74,226)
```
#485ae4
```
#485ae4 rgb(72,90,228)
```
#5969e7
```
#5969e7 rgb(89,105,231)
```
#6a79e9
```
#6a79e9 rgb(106,121,233)
```
#7c88ec
```
#7c88ec rgb(124,136,236)
```
#8d98ee
```
#8d98ee rgb(141,152,238)
```
#9ea7f1
```
#9ea7f1 rgb(158,167,241)
```
#afb7f3
```
#afb7f3 rgb(175,183,243)
```
#c0c6f6
```
#c0c6f6 rgb(192,198,246)
```
#d1d6f8
```
#d1d6f8 rgb(209,214,248)
```
#e2e5fb
```
#e2e5fb rgb(226,229,251)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

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

#868893
```
#868893 rgb(134,136,147)
```
#7d819c
```
#7d819c rgb(125,129,156)
```
#757aa4
```
#757aa4 rgb(117,122,164)
```
#6c73ad
```
#6c73ad rgb(108,115,173)
```
#636cb6
```
#636cb6 rgb(99,108,182)
```
#5a65bf
```
#5a65bf rgb(90,101,191)
```
#515fc8
```
#515fc8 rgb(81,95,200)
```
#4958d0
```
#4958d0 rgb(73,88,208)
```
#4051d9
```
#4051d9 rgb(64,81,217)
```
#374ae2
```
#374ae2 rgb(55,74,226)
```
#2e43eb
```
#2e43eb rgb(46,67,235)
```
#253cf4
```
#253cf4 rgb(37,60,244)
```
#1d35fc
```
#1d35fc rgb(29,53,252)
```

Tone Color Variation

Below, you can see how #374ae2 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

#565656 Achromatopsia 0.005% of the population
#505472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#145acd Protanomaly 1% of men, 0.01% of women
#145dbd Deuteranomaly 6% of men, 0.4% of women
#14629d Tritanomaly 0.01% of the population