#0770f6 hex color

In a RGB color space, hex #0770f6 is composed of 2.7% red, 43.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 54.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 213.6 degrees, a saturation of 94.5% and a lightness of 49.6%. #0770f6 color hex could be obtained by blending #0ee0ff with #0000ed. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 3
- G 44
- B 96
RGB color chart
- C 97
- M 54
- Y 0
- K 4
CMYK color chart

● #0770f6 color description : Vivid blue.

The hexadecimal color #0770f6 has RGB values of R:7, G:112, B:246 and CMYK values of C:0.97, M:0.54, Y:0, K:0.04. Its decimal value is 487670.

Hex triplet	0770f6	`#0770f6`
RGB Decimal	7, 112, 246	`rgb(7,112,246)`
RGB Percent	2.7, 43.9, 96.5	`rgb(2.7%,43.9%,96.5%)`
CMYK	97, 54, 0, 4
HSL	213.6°, 94.5, 49.6	`hsl(213.6,94.5%,49.6%)`
HSV (or HSB)	213.6°, 97.2, 96.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	49.84, 25.567, -73.849
XYZ	22.513, 18.285, 89.527
xyY	0.173, 0.14, 18.285
CIE-LCH	49.84, 78.15, 289.096
CIE-LUV	49.84, -24.986, -114.849
Hunter-Lab	42.761, 19.143, -94.199
Binary	00000111, 01110000, 11110110

#0770f6
```
#0770f6 rgb(7,112,246)
```
#f68d07
```
#f68d07 rgb(246,141,7)
```

Complementary Color

#07e8f6
```
#07e8f6 rgb(7,232,246)
```
#0770f6
```
#0770f6 rgb(7,112,246)
```
#1607f6
```
#1607f6 rgb(22,7,246)
```

Analogous Color

#e8f607
```
#e8f607 rgb(232,246,7)
```
#0770f6
```
#0770f6 rgb(7,112,246)
```
#f61607
```
#f61607 rgb(246,22,7)
```

Split Complementary Color

#70f607
```
#70f607 rgb(112,246,7)
```
#0770f6
```
#0770f6 rgb(7,112,246)
```
#f60770
```
#f60770 rgb(246,7,112)
```

Triadic Color

#07f68d
```
#07f68d rgb(7,246,141)
```
#0770f6
```
#0770f6 rgb(7,112,246)
```
#f60770
```
#f60770 rgb(246,7,112)
```
#f68d07
```
#f68d07 rgb(246,141,7)
```

Tetradic Color

#054eac
```
#054eac rgb(5,78,172)
```
#0659c4
```
#0659c4 rgb(6,89,196)
```
#0665dd
```
#0665dd rgb(6,101,221)
```
#0770f6
```
#0770f6 rgb(7,112,246)
```
#1e7ef9
```
#1e7ef9 rgb(30,126,249)
```
#378cf9
```
#378cf9 rgb(55,140,249)
```
#4f9afa
```
#4f9afa rgb(79,154,250)
```

Monochromatic Color

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

#07acf6
```
#07acf6 rgb(7,172,246)
```
#0798f6
```
#0798f6 rgb(7,152,246)
```
#0784f6
```
#0784f6 rgb(7,132,246)
```
#0770f6
```
#0770f6 rgb(7,112,246)
```
#075cf6
```
#075cf6 rgb(7,92,246)
```
#0748f6
```
#0748f6 rgb(7,72,246)
```
#0734f6
```
#0734f6 rgb(7,52,246)
```

Similar Colors

Text with hexadecimal color #0770f6

This text has a font color of #0770f6.

<span style="color:#0770f6;">Text here</span>

#0770f6 background color

This paragraph has a background color of #0770f6.

<p style="background-color:#0770f6;">Content here</p>

#0770f6 border color

This element has a border color of #0770f6.

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

CSS codes

.text {color:#0770f6;}

.background {background-color:#0770f6;}

.border {border:1px solid #0770f6;}

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

#000811
```
#000811 rgb(0,8,17)
```
#011024
```
#011024 rgb(1,16,36)
```
#021937
```
#021937 rgb(2,25,55)
```
#02224a
```
#02224a rgb(2,34,74)
```
#032b5d
```
#032b5d rgb(3,43,93)
```
#033370
```
#033370 rgb(3,51,112)
```
#043c84
```
#043c84 rgb(4,60,132)
```
#044597
```
#044597 rgb(4,69,151)
```
#054daa
```
#054daa rgb(5,77,170)
```
#0556bd
```
#0556bd rgb(5,86,189)
```
#065fd0
```
#065fd0 rgb(6,95,208)
```
#0667e3
```
#0667e3 rgb(6,103,227)
```
#0770f6
```
#0770f6 rgb(7,112,246)
```

Shade Color Variation

#187bf8
```
#187bf8 rgb(24,123,248)
```
#2b86f9
```
#2b86f9 rgb(43,134,249)
```
#3e91fa
```
#3e91fa rgb(62,145,250)
```
#519bfa
```
#519bfa rgb(81,155,250)
```
#64a6fb
```
#64a6fb rgb(100,166,251)
```
#78b1fb
```
#78b1fb rgb(120,177,251)
```
#8bbcfc
```
#8bbcfc rgb(139,188,252)
```
#9ec7fc
```
#9ec7fc rgb(158,199,252)
```
#b1d2fd
```
#b1d2fd rgb(177,210,253)
```
#c4ddfd
```
#c4ddfd rgb(196,221,253)
```
#d7e8fe
```
#d7e8fe rgb(215,232,254)
```
#eaf3fe
```
#eaf3fe rgb(234,243,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e81 is the less saturated color, while #0770f6 is the most saturated one.

#7c7e81
```
#7c7e81 rgb(124,126,129)
```
#727d8b
```
#727d8b rgb(114,125,139)
```
#687c95
```
#687c95 rgb(104,124,149)
```
#5f7b9e
```
#5f7b9e rgb(95,123,158)
```
#5579a8
```
#5579a8 rgb(85,121,168)
```
#4b78b2
```
#4b78b2 rgb(75,120,178)
```
#4177bc
```
#4177bc rgb(65,119,188)
```
#3876c5
```
#3876c5 rgb(56,118,197)
```
#2e75cf
```
#2e75cf rgb(46,117,207)
```
#2474d9
```
#2474d9 rgb(36,116,217)
```
#1a72e3
```
#1a72e3 rgb(26,114,227)
```
#1171ec
```
#1171ec rgb(17,113,236)
```
#0770f6
```
#0770f6 rgb(7,112,246)
```

Tone Color Variation

Below, you can see how #0770f6 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

#606060 Achromatopsia 0.005% of the population
#4e637e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008a91 Tritanopia 0.001% of the population

Trichromacy

#0276f1 Protanomaly 1% of men, 0.01% of women
#027ade Deuteranomaly 6% of men, 0.4% of women
#0280b6 Tritanomaly 0.01% of the population

#0770f6 hex color

#0770f6 Color Information

#0770f6 Color Conversion

Color Schemes with #0770f6

Alternatives to #0770f6

#0770f6 Preview

Shades and Tints of #0770f6

Tones of #0770f6

Color Blindness Simulator