#074ddd hex color

In a RGB color space, hex #074ddd is composed of 2.7% red, 30.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 96.8% cyan, 65.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 220.4 degrees, a saturation of 93.9% and a lightness of 44.7%. #074ddd color hex could be obtained by blending #0e9aff with #0000bb. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 3
- G 30
- B 87
RGB color chart
- C 97
- M 65
- Y 0
- K 13
CMYK color chart

● #074ddd color description : Vivid blue.

The hexadecimal color #074ddd has RGB values of R:7, G:77, B:221 and CMYK values of C:0.97, M:0.65, Y:0, K:0.13. Its decimal value is 478685.

Hex triplet	074ddd	`#074ddd`
RGB Decimal	7, 77, 221	`rgb(7,77,221)`
RGB Percent	2.7, 30.2, 86.7	`rgb(2.7%,30.2%,86.7%)`
CMYK	97, 65, 0, 13
HSL	220.4°, 93.9, 44.7	`hsl(220.4,93.9%,44.7%)`
HSV (or HSB)	220.4°, 96.8, 86.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	38.85, 38.44, -77.724
XYZ	15.79, 10.572, 69.611
xyY	0.165, 0.11, 10.572
CIE-LCH	38.85, 86.711, 296.316
CIE-LUV	38.85, -16.677, -111.131
Hunter-Lab	32.515, 29.783, -104.174
Binary	00000111, 01001101, 11011101

#074ddd
```
#074ddd rgb(7,77,221)
```
#dd9707
```
#dd9707 rgb(221,151,7)
```

Complementary Color

#07b8dd
```
#07b8dd rgb(7,184,221)
```
#074ddd
```
#074ddd rgb(7,77,221)
```
#2c07dd
```
#2c07dd rgb(44,7,221)
```

Analogous Color

#b8dd07
```
#b8dd07 rgb(184,221,7)
```
#074ddd
```
#074ddd rgb(7,77,221)
```
#dd2c07
```
#dd2c07 rgb(221,44,7)
```

Split Complementary Color

#4ddd07
```
#4ddd07 rgb(77,221,7)
```
#074ddd
```
#074ddd rgb(7,77,221)
```
#dd074d
```
#dd074d rgb(221,7,77)
```

Triadic Color

#07dd97
```
#07dd97 rgb(7,221,151)
```
#074ddd
```
#074ddd rgb(7,77,221)
```
#dd074d
```
#dd074d rgb(221,7,77)
```
#dd9707
```
#dd9707 rgb(221,151,7)
```

Tetradic Color

#053393
```
#053393 rgb(5,51,147)
```
#053cac
```
#053cac rgb(5,60,172)
```
#0644c4
```
#0644c4 rgb(6,68,196)
```
#074ddd
```
#074ddd rgb(7,77,221)
```
#0856f6
```
#0856f6 rgb(8,86,246)
```
#1f66f8
```
#1f66f8 rgb(31,102,248)
```
#3877f9
```
#3877f9 rgb(56,119,249)
```

Monochromatic Color

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

#0783dd
```
#0783dd rgb(7,131,221)
```
#0771dd
```
#0771dd rgb(7,113,221)
```
#075fdd
```
#075fdd rgb(7,95,221)
```
#074ddd
```
#074ddd rgb(7,77,221)
```
#073bdd
```
#073bdd rgb(7,59,221)
```
#0729dd
```
#0729dd rgb(7,41,221)
```
#0718dd
```
#0718dd rgb(7,24,221)
```

Similar Colors

Text with hexadecimal color #074ddd

This text has a font color of #074ddd.

<span style="color:#074ddd;">Text here</span>

#074ddd background color

This paragraph has a background color of #074ddd.

<p style="background-color:#074ddd;">Content here</p>

#074ddd border color

This element has a border color of #074ddd.

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

CSS codes

.text {color:#074ddd;}

.background {background-color:#074ddd;}

.border {border:1px solid #074ddd;}

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, #00040c is the darkest color, while #f8faff is the lightest one.

#00040c
```
#00040c rgb(0,4,12)
```
#010b1f
```
#010b1f rgb(1,11,31)
```
#021132
```
#021132 rgb(2,17,50)
```
#021845
```
#021845 rgb(2,24,69)
```
#031f58
```
#031f58 rgb(3,31,88)
```
#03256b
```
#03256b rgb(3,37,107)
```
#042c7e
```
#042c7e rgb(4,44,126)
```
#053391
```
#053391 rgb(5,51,145)
```
#0539a4
```
#0539a4 rgb(5,57,164)
```
#0640b7
```
#0640b7 rgb(6,64,183)
```
#0646ca
```
#0646ca rgb(6,70,202)
```
#074ddd
```
#074ddd rgb(7,77,221)
```
#0854f0
```
#0854f0 rgb(8,84,240)
```

Shade Color Variation

#145ef8
```
#145ef8 rgb(20,94,248)
```
#276bf8
```
#276bf8 rgb(39,107,248)
```
#3a78f9
```
#3a78f9 rgb(58,120,249)
```
#4d85f9
```
#4d85f9 rgb(77,133,249)
```
#6092fa
```
#6092fa rgb(96,146,250)
```
#739ffb
```
#739ffb rgb(115,159,251)
```
#86acfb
```
#86acfb rgb(134,172,251)
```
#99b9fc
```
#99b9fc rgb(153,185,252)
```
#acc6fc
```
#acc6fc rgb(172,198,252)
```
#bfd3fd
```
#bfd3fd rgb(191,211,253)
```
#d2e0fe
```
#d2e0fe rgb(210,224,254)
```
#e5edfe
```
#e5edfe rgb(229,237,254)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#707174
```
#707174 rgb(112,113,116)
```
#676e7d
```
#676e7d rgb(103,110,125)
```
#5f6b85
```
#5f6b85 rgb(95,107,133)
```
#56688e
```
#56688e rgb(86,104,142)
```
#4d6597
```
#4d6597 rgb(77,101,151)
```
#4462a0
```
#4462a0 rgb(68,98,160)
```
#3c5fa8
```
#3c5fa8 rgb(60,95,168)
```
#335cb1
```
#335cb1 rgb(51,92,177)
```
#2a59ba
```
#2a59ba rgb(42,89,186)
```
#2156c3
```
#2156c3 rgb(33,86,195)
```
#1953cb
```
#1953cb rgb(25,83,203)
```
#1050d4
```
#1050d4 rgb(16,80,212)
```
#074ddd
```
#074ddd rgb(7,77,221)
```

Tone Color Variation

Below, you can see how #074ddd 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

#484848 Achromatopsia 0.005% of the population
#3b4966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#0259c8 Protanomaly 1% of men, 0.01% of women
#025db8 Deuteranomaly 6% of men, 0.4% of women
#026199 Tritanomaly 0.01% of the population

#074ddd hex color

#074ddd Color Information

#074ddd Color Conversion

Color Schemes with #074ddd

Alternatives to #074ddd

#074ddd Preview

Shades and Tints of #074ddd

Tones of #074ddd

Color Blindness Simulator