#375ae2 hex color

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

♥
- f
- t
- g
- R 22
- G 35
- B 89
RGB color chart
- C 76
- M 60
- Y 0
- K 11
CMYK color chart

● #375ae2 color description : Bright blue.

The hexadecimal color #375ae2 has RGB values of R:55, G:90, B:226 and CMYK values of C:0.76, M:0.6, Y:0, K:0.11. Its decimal value is 3627746.

Hex triplet	375ae2	`#375ae2`
RGB Decimal	55, 90, 226	`rgb(55,90,226)`
RGB Percent	21.6, 35.3, 88.6	`rgb(21.6%,35.3%,88.6%)`
CMYK	76, 60, 0, 11
HSL	227.7°, 74.7, 55.1	`hsl(227.7,74.7%,55.1%)`
HSV (or HSB)	227.7°, 75.7, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.675, 34.912, -72.618
XYZ	18.956, 13.614, 73.576
xyY	0.179, 0.128, 13.614
CIE-LCH	43.675, 80.574, 295.676
CIE-LUV	43.675, -15.343, -109.187
Hunter-Lab	36.897, 27.135, -92.4
Binary	00110111, 01011010, 11100010

#375ae2
```
#375ae2 rgb(55,90,226)
```
#e2bf37
```
#e2bf37 rgb(226,191,55)
```

Complementary Color

#37b0e2
```
#37b0e2 rgb(55,176,226)
```
#375ae2
```
#375ae2 rgb(55,90,226)
```
#6a37e2
```
#6a37e2 rgb(106,55,226)
```

Analogous Color

#b0e237
```
#b0e237 rgb(176,226,55)
```
#375ae2
```
#375ae2 rgb(55,90,226)
```
#e26a37
```
#e26a37 rgb(226,106,55)
```

Split Complementary Color

#5ae237
```
#5ae237 rgb(90,226,55)
```
#375ae2
```
#375ae2 rgb(55,90,226)
```
#e2375a
```
#e2375a rgb(226,55,90)
```

Triadic Color

#37e2bf
```
#37e2bf rgb(55,226,191)
```
#375ae2
```
#375ae2 rgb(55,90,226)
```
#e2375a
```
#e2375a rgb(226,55,90)
```
#e2bf37
```
#e2bf37 rgb(226,191,55)
```

Tetradic Color

#1a39b3
```
#1a39b3 rgb(26,57,179)
```
#1d40c9
```
#1d40c9 rgb(29,64,201)
```
#2148df
```
#2148df rgb(33,72,223)
```
#375ae2
```
#375ae2 rgb(55,90,226)
```
#4d6ce5
```
#4d6ce5 rgb(77,108,229)
```
#647fe8
```
#647fe8 rgb(100,127,232)
```
#7a91ec
```
#7a91ec rgb(122,145,236)
```

Monochromatic Color

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

#3785e2
```
#3785e2 rgb(55,133,226)
```
#3777e2
```
#3777e2 rgb(55,119,226)
```
#3768e2
```
#3768e2 rgb(55,104,226)
```
#375ae2
```
#375ae2 rgb(55,90,226)
```
#374ce2
```
#374ce2 rgb(55,76,226)
```
#373ee2
```
#373ee2 rgb(55,62,226)
```
#3f37e2
```
#3f37e2 rgb(63,55,226)
```

Similar Colors

Text with hexadecimal color #375ae2

This text has a font color of #375ae2.

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

#375ae2 background color

This paragraph has a background color of #375ae2.

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

#375ae2 border color

This element has a border color of #375ae2.

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

CSS codes

.text {color:#375ae2;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#030717
```
#030717 rgb(3,7,23)
```
#060d28
```
#060d28 rgb(6,13,40)
```
#081239
```
#081239 rgb(8,18,57)
```
#0b184a
```
#0b184a rgb(11,24,74)
```
#0d1d5b
```
#0d1d5b rgb(13,29,91)
```
#10236c
```
#10236c rgb(16,35,108)
```
#12287d
```
#12287d rgb(18,40,125)
```
#152e8f
```
#152e8f rgb(21,46,143)
```
#1733a0
```
#1733a0 rgb(23,51,160)
```
#1a39b1
```
#1a39b1 rgb(26,57,177)
```
#1c3ec2
```
#1c3ec2 rgb(28,62,194)
```
#1f44d3
```
#1f44d3 rgb(31,68,211)
```

Shade Color Variation

#264ce0
```
#264ce0 rgb(38,76,224)
```
#375ae2
```
#375ae2 rgb(55,90,226)
```
#4868e4
```
#4868e4 rgb(72,104,228)
```
#5976e7
```
#5976e7 rgb(89,118,231)
```
#6a84e9
```
#6a84e9 rgb(106,132,233)
```
#7c93ec
```
#7c93ec rgb(124,147,236)
```
#8da1ee
```
#8da1ee rgb(141,161,238)
```
#9eaff1
```
#9eaff1 rgb(158,175,241)
```
#afbdf3
```
#afbdf3 rgb(175,189,243)
```
#c0cbf6
```
#c0cbf6 rgb(192,203,246)
```
#d1d9f8
```
#d1d9f8 rgb(209,217,248)
```
#e2e7fb
```
#e2e7fb rgb(226,231,251)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

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

#868993
```
#868993 rgb(134,137,147)
```
#7d849c
```
#7d849c rgb(125,132,156)
```
#757ea4
```
#757ea4 rgb(117,126,164)
```
#6c79ad
```
#6c79ad rgb(108,121,173)
```
#6374b6
```
#6374b6 rgb(99,116,182)
```
#5a6fbf
```
#5a6fbf rgb(90,111,191)
```
#516ac8
```
#516ac8 rgb(81,106,200)
```
#4964d0
```
#4964d0 rgb(73,100,208)
```
#405fd9
```
#405fd9 rgb(64,95,217)
```
#375ae2
```
#375ae2 rgb(55,90,226)
```
#2e55eb
```
#2e55eb rgb(46,85,235)
```
#2550f4
```
#2550f4 rgb(37,80,244)
```
#1d4afc
```
#1d4afc rgb(29,74,252)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#575e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1465d8 Protanomaly 1% of men, 0.01% of women
#1469c7 Deuteranomaly 6% of men, 0.4% of women
#146ea4 Tritanomaly 0.01% of the population

#375ae2 hex color

#375ae2 Color Information

#375ae2 Color Conversion

Color Schemes with #375ae2

Alternatives to #375ae2

#375ae2 Preview

Shades and Tints of #375ae2

Tones of #375ae2

Color Blindness Simulator