#0774de hex color

In a RGB color space, hex #0774de is composed of 2.7% red, 45.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 96.8% cyan, 47.7% magenta, 0% yellow and 12.9% black. It has a hue angle of 209.6 degrees, a saturation of 93.9% and a lightness of 44.9%. #0774de color hex could be obtained by blending #0ee8ff with #0000bd. Closest websafe color is: #0066cc.

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

● #0774de color description : Vivid blue.

The hexadecimal color #0774de has RGB values of R:7, G:116, B:222 and CMYK values of C:0.97, M:0.48, Y:0, K:0.13. Its decimal value is 488670.

Hex triplet	0774de	`#0774de`
RGB Decimal	7, 116, 222	`rgb(7,116,222)`
RGB Percent	2.7, 45.5, 87.1	`rgb(2.7%,45.5%,87.1%)`
CMYK	97, 48, 0, 13
HSL	209.6°, 93.9, 44.9	`hsl(209.6,93.9%,44.9%)`
HSV (or HSB)	209.6°, 96.8, 87.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.263, 13.667, -61.326
XYZ	19.515, 17.808, 71.512
xyY	0.179, 0.164, 17.808
CIE-LCH	49.263, 62.831, 282.563
CIE-LUV	49.263, -26.953, -95.127
Hunter-Lab	42.2, 8.696, -70.934
Binary	00000111, 01110100, 11011110

#0774de
```
#0774de rgb(7,116,222)
```
#de7107
```
#de7107 rgb(222,113,7)
```

Complementary Color

#07dedd
```
#07dedd rgb(7,222,221)
```
#0774de
```
#0774de rgb(7,116,222)
```
#0708de
```
#0708de rgb(7,8,222)
```

Analogous Color

#dedd07
```
#dedd07 rgb(222,221,7)
```
#0774de
```
#0774de rgb(7,116,222)
```
#de0709
```
#de0709 rgb(222,7,9)
```

Split Complementary Color

#74de07
```
#74de07 rgb(116,222,7)
```
#0774de
```
#0774de rgb(7,116,222)
```
#de0774
```
#de0774 rgb(222,7,116)
```

Triadic Color

#07de71
```
#07de71 rgb(7,222,113)
```
#0774de
```
#0774de rgb(7,116,222)
```
#de0774
```
#de0774 rgb(222,7,116)
```
#de7107
```
#de7107 rgb(222,113,7)
```

Tetradic Color

#054d94
```
#054d94 rgb(5,77,148)
```
#055aad
```
#055aad rgb(5,90,173)
```
#0667c5
```
#0667c5 rgb(6,103,197)
```
#0774de
```
#0774de rgb(7,116,222)
```
#0881f7
```
#0881f7 rgb(8,129,247)
```
#208ef8
```
#208ef8 rgb(32,142,248)
```
#399af9
```
#399af9 rgb(57,154,249)
```

Monochromatic Color

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

#07aade
```
#07aade rgb(7,170,222)
```
#0798de
```
#0798de rgb(7,152,222)
```
#0786de
```
#0786de rgb(7,134,222)
```
#0774de
```
#0774de rgb(7,116,222)
```
#0762de
```
#0762de rgb(7,98,222)
```
#0750de
```
#0750de rgb(7,80,222)
```
#073ede
```
#073ede rgb(7,62,222)
```

Similar Colors

Text with hexadecimal color #0774de

This text has a font color of #0774de.

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

#0774de background color

This paragraph has a background color of #0774de.

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

#0774de border color

This element has a border color of #0774de.

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

CSS codes

.text {color:#0774de;}

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

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

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, #00070d is the darkest color, while #f9fcff is the lightest one.

#00070d
```
#00070d rgb(0,7,13)
```
#011120
```
#011120 rgb(1,17,32)
```
#021b33
```
#021b33 rgb(2,27,51)
```
#022546
```
#022546 rgb(2,37,70)
```
#032e59
```
#032e59 rgb(3,46,89)
```
#03386c
```
#03386c rgb(3,56,108)
```
#04427f
```
#04427f rgb(4,66,127)
```
#054c92
```
#054c92 rgb(5,76,146)
```
#0556a5
```
#0556a5 rgb(5,86,165)
```
#0660b8
```
#0660b8 rgb(6,96,184)
```
#066acb
```
#066acb rgb(6,106,203)
```
#0774de
```
#0774de rgb(7,116,222)
```
#087ef1
```
#087ef1 rgb(8,126,241)
```

Shade Color Variation

#1588f8
```
#1588f8 rgb(21,136,248)
```
#2891f8
```
#2891f8 rgb(40,145,248)
```
#3b9bf9
```
#3b9bf9 rgb(59,155,249)
```
#4ea5f9
```
#4ea5f9 rgb(78,165,249)
```
#61aefa
```
#61aefa rgb(97,174,250)
```
#74b8fb
```
#74b8fb rgb(116,184,251)
```
#87c2fb
```
#87c2fb rgb(135,194,251)
```
#9acbfc
```
#9acbfc rgb(154,203,252)
```
#add5fc
```
#add5fc rgb(173,213,252)
```
#c0dffd
```
#c0dffd rgb(192,223,253)
```
#d3e8fe
```
#d3e8fe rgb(211,232,254)
```
#e6f2fe
```
#e6f2fe rgb(230,242,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#717374
```
#717374 rgb(113,115,116)
```
#68737d
```
#68737d rgb(104,115,125)
```
#5f7386
```
#5f7386 rgb(95,115,134)
```
#56738f
```
#56738f rgb(86,115,143)
```
#4d7398
```
#4d7398 rgb(77,115,152)
```
#4573a0
```
#4573a0 rgb(69,115,160)
```
#3c73a9
```
#3c73a9 rgb(60,115,169)
```
#3373b2
```
#3373b2 rgb(51,115,178)
```
#2a74bb
```
#2a74bb rgb(42,116,187)
```
#2174c4
```
#2174c4 rgb(33,116,196)
```
#1974cc
```
#1974cc rgb(25,116,204)
```
#1074d5
```
#1074d5 rgb(16,116,213)
```
#0774de
```
#0774de rgb(7,116,222)
```

Tone Color Variation

Below, you can see how #0774de 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
#4d6378 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e78dd Protanopia 1% of men
#007ed0 Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#2a77dd Protanomaly 1% of men, 0.01% of women
#027ad5 Deuteranomaly 6% of men, 0.4% of women
#0281ac Tritanomaly 0.01% of the population

#0774de hex color

#0774de Color Information

#0774de Color Conversion

Color Schemes with #0774de

Alternatives to #0774de

#0774de Preview

Shades and Tints of #0774de

Tones of #0774de

Color Blindness Simulator