#374daf hex color

In a RGB color space, hex #374daf is composed of 21.6% red, 30.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 56% magenta, 0% yellow and 31.4% black. It has a hue angle of 229 degrees, a saturation of 52.2% and a lightness of 45.1%. #374daf color hex could be obtained by blending #6e9aff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 30
- B 69
RGB color chart
- C 69
- M 56
- Y 0
- K 31
CMYK color chart

● #374daf color description : Dark moderate blue.

The hexadecimal color #374daf has RGB values of R:55, G:77, B:175 and CMYK values of C:0.69, M:0.56, Y:0, K:0.31. Its decimal value is 3624367.

Hex triplet	374daf	`#374daf`
RGB Decimal	55, 77, 175	`rgb(55,77,175)`
RGB Percent	21.6, 30.2, 68.6	`rgb(21.6%,30.2%,68.6%)`
CMYK	69, 56, 0, 31
HSL	229°, 52.2, 45.1	`hsl(229,52.2%,45.1%)`
HSV (or HSB)	229°, 68.6, 68.6
Web Safe	336699	`#336699`

CIE-LAB	36.394, 24.758, -54.91
XYZ	11.966, 9.214, 41.703
xyY	0.19, 0.147, 9.214
CIE-LCH	36.394, 60.233, 294.27
CIE-LUV	36.394, -11.344, -79.055
Hunter-Lab	30.355, 17.241, -60.206
Binary	00110111, 01001101, 10101111

#374daf
```
#374daf rgb(55,77,175)
```
#af9937
```
#af9937 rgb(175,153,55)
```

Complementary Color

#3789af
```
#3789af rgb(55,137,175)
```
#374daf
```
#374daf rgb(55,77,175)
```
#5d37af
```
#5d37af rgb(93,55,175)
```

Analogous Color

#89af37
```
#89af37 rgb(137,175,55)
```
#374daf
```
#374daf rgb(55,77,175)
```
#af5d37
```
#af5d37 rgb(175,93,55)
```

Split Complementary Color

#4daf37
```
#4daf37 rgb(77,175,55)
```
#374daf
```
#374daf rgb(55,77,175)
```
#af374d
```
#af374d rgb(175,55,77)
```

Triadic Color

#37af99
```
#37af99 rgb(55,175,153)
```
#374daf
```
#374daf rgb(55,77,175)
```
#af374d
```
#af374d rgb(175,55,77)
```
#af9937
```
#af9937 rgb(175,153,55)
```

Tetradic Color

#253375
```
#253375 rgb(37,51,117)
```
#2b3c88
```
#2b3c88 rgb(43,60,136)
```
#31449c
```
#31449c rgb(49,68,156)
```
#374daf
```
#374daf rgb(55,77,175)
```
#3d56c2
```
#3d56c2 rgb(61,86,194)
```
#5167c8
```
#5167c8 rgb(81,103,200)
```
#6478ce
```
#6478ce rgb(100,120,206)
```

Monochromatic Color

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

#376baf
```
#376baf rgb(55,107,175)
```
#3761af
```
#3761af rgb(55,97,175)
```
#3757af
```
#3757af rgb(55,87,175)
```
#374daf
```
#374daf rgb(55,77,175)
```
#3743af
```
#3743af rgb(55,67,175)
```
#3739af
```
#3739af rgb(55,57,175)
```
#3f37af
```
#3f37af rgb(63,55,175)
```

Similar Colors

Text with hexadecimal color #374daf

This text has a font color of #374daf.

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

#374daf background color

This paragraph has a background color of #374daf.

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

#374daf border color

This element has a border color of #374daf.

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

CSS codes

.text {color:#374daf;}

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

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

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, #03050b is the darkest color, while #fbfbfe is the lightest one.

#03050b
```
#03050b rgb(3,5,11)
```
#080b1a
```
#080b1a rgb(8,11,26)
```
#0d1229
```
#0d1229 rgb(13,18,41)
```
#111838
```
#111838 rgb(17,24,56)
```
#161f47
```
#161f47 rgb(22,31,71)
```
#1b2655
```
#1b2655 rgb(27,38,85)
```
#202c64
```
#202c64 rgb(32,44,100)
```
#243373
```
#243373 rgb(36,51,115)
```
#293982
```
#293982 rgb(41,57,130)
```
#2e4091
```
#2e4091 rgb(46,64,145)
```
#3246a0
```
#3246a0 rgb(50,70,160)
```
#374daf
```
#374daf rgb(55,77,175)
```
#3c54be
```
#3c54be rgb(60,84,190)
```

Shade Color Variation

#485fc5
```
#485fc5 rgb(72,95,197)
```
#576cca
```
#576cca rgb(87,108,202)
```
#6679cf
```
#6679cf rgb(102,121,207)
```
#7586d3
```
#7586d3 rgb(117,134,211)
```
#8493d8
```
#8493d8 rgb(132,147,216)
```
#92a0dd
```
#92a0dd rgb(146,160,221)
```
#a1ade2
```
#a1ade2 rgb(161,173,226)
```
#b0bae6
```
#b0bae6 rgb(176,186,230)
```
#bfc7eb
```
#bfc7eb rgb(191,199,235)
```
#ced4f0
```
#ced4f0 rgb(206,212,240)
```
#dde1f4
```
#dde1f4 rgb(221,225,244)
```
#eceef9
```
#eceef9 rgb(236,238,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6f7a is the less saturated color, while #022be4 is the most saturated one.

#6c6f7a
```
#6c6f7a rgb(108,111,122)
```
#636983
```
#636983 rgb(99,105,131)
```
#5a638c
```
#5a638c rgb(90,99,140)
```
#525e94
```
#525e94 rgb(82,94,148)
```
#49589d
```
#49589d rgb(73,88,157)
```
#4053a6
```
#4053a6 rgb(64,83,166)
```
#374daf
```
#374daf rgb(55,77,175)
```
#2e47b8
```
#2e47b8 rgb(46,71,184)
```
#2542c1
```
#2542c1 rgb(37,66,193)
```
#1c3cca
```
#1c3cca rgb(28,60,202)
```
#1437d2
```
#1437d2 rgb(20,55,210)
```
#0b31db
```
#0b31db rgb(11,49,219)
```
#022be4
```
#022be4 rgb(2,43,228)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4d5165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb3 Protanopia 1% of men
#00609d Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#1456b1 Protanomaly 1% of men, 0.01% of women
#1459a3 Deuteranomaly 6% of men, 0.4% of women
#145d86 Tritanomaly 0.01% of the population

#374daf hex color

#374daf Color Information

#374daf Color Conversion

Color Schemes with #374daf

Alternatives to #374daf

#374daf Preview

Shades and Tints of #374daf

Tones of #374daf

Color Blindness Simulator