#076aff hex color

In a RGB color space, hex #076aff is composed of 2.7% red, 41.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 97.3% cyan, 58.4% magenta, 0% yellow and 0% black. It has a hue angle of 216 degrees, a saturation of 100% and a lightness of 51.4%. #076aff color hex could be obtained by blending #0ed4ff with #0000ff. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 3
- G 42
- B 100
RGB color chart
- C 97
- M 58
- Y 0
- K 0
CMYK color chart

● #076aff color description : Vivid blue.

The hexadecimal color #076aff has RGB values of R:7, G:106, B:255 and CMYK values of C:0.97, M:0.58, Y:0, K:0. Its decimal value is 486143.

Hex triplet	076aff	`#076aff`
RGB Decimal	7, 106, 255	`rgb(7,106,255)`
RGB Percent	2.7, 41.6, 100	`rgb(2.7%,41.6%,100%)`
CMYK	97, 58, 0, 0
HSL	216°, 100, 51.4	`hsl(216,100%,51.4%)`
HSV (or HSB)	216°, 97.3, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	48.972, 32.821, -80.267
XYZ	23.288, 17.571, 96.766
xyY	0.169, 0.128, 17.571
CIE-LCH	48.972, 86.718, 292.239
CIE-LUV	48.972, -23.201, -123.721
Hunter-Lab	41.918, 25.81, -107.526
Binary	00000111, 01101010, 11111111

#076aff
```
#076aff rgb(7,106,255)
```
#ff9c07
```
#ff9c07 rgb(255,156,7)
```

Complementary Color

#07e6ff
```
#07e6ff rgb(7,230,255)
```
#076aff
```
#076aff rgb(7,106,255)
```
#2007ff
```
#2007ff rgb(32,7,255)
```

Analogous Color

#e6ff07
```
#e6ff07 rgb(230,255,7)
```
#076aff
```
#076aff rgb(7,106,255)
```
#ff2007
```
#ff2007 rgb(255,32,7)
```

Split Complementary Color

#6aff07
```
#6aff07 rgb(106,255,7)
```
#076aff
```
#076aff rgb(7,106,255)
```
#ff076a
```
#ff076a rgb(255,7,106)
```

Triadic Color

#07ff9c
```
#07ff9c rgb(7,255,156)
```
#076aff
```
#076aff rgb(7,106,255)
```
#ff076a
```
#ff076a rgb(255,7,106)
```
#ff9c07
```
#ff9c07 rgb(255,156,7)
```

Tetradic Color

#004aba
```
#004aba rgb(0,74,186)
```
#0054d3
```
#0054d3 rgb(0,84,211)
```
#005eed
```
#005eed rgb(0,94,237)
```
#076aff
```
#076aff rgb(7,106,255)
```
#2179ff
```
#2179ff rgb(33,121,255)
```
#3a89ff
```
#3a89ff rgb(58,137,255)
```
#5498ff
```
#5498ff rgb(84,152,255)
```

Monochromatic Color

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

#07a8ff
```
#07a8ff rgb(7,168,255)
```
#0793ff
```
#0793ff rgb(7,147,255)
```
#077fff
```
#077fff rgb(7,127,255)
```
#076aff
```
#076aff rgb(7,106,255)
```
#0755ff
```
#0755ff rgb(7,85,255)
```
#0741ff
```
#0741ff rgb(7,65,255)
```
#072cff
```
#072cff rgb(7,44,255)
```

Similar Colors

Text with hexadecimal color #076aff

This text has a font color of #076aff.

<span style="color:#076aff;">Text here</span>

#076aff background color

This paragraph has a background color of #076aff.

<p style="background-color:#076aff;">Content here</p>

#076aff border color

This element has a border color of #076aff.

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

CSS codes

.text {color:#076aff;}

.background {background-color:#076aff;}

.border {border:1px solid #076aff;}

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

#000307
```
#000307 rgb(0,3,7)
```
#000b1b
```
#000b1b rgb(0,11,27)
```
#00122e
```
#00122e rgb(0,18,46)
```
#001a42
```
#001a42 rgb(0,26,66)
```
#002255
```
#002255 rgb(0,34,85)
```
#002a69
```
#002a69 rgb(0,42,105)
```
#00327d
```
#00327d rgb(0,50,125)
```
#003a90
```
#003a90 rgb(0,58,144)
```
#0041a4
```
#0041a4 rgb(0,65,164)
```
#0049b8
```
#0049b8 rgb(0,73,184)
```
#0051cb
```
#0051cb rgb(0,81,203)
```
#0059df
```
#0059df rgb(0,89,223)
```
#0061f2
```
#0061f2 rgb(0,97,242)
```

Shade Color Variation

#076aff
```
#076aff rgb(7,106,255)
```
#1b76ff
```
#1b76ff rgb(27,118,255)
```
#2e82ff
```
#2e82ff rgb(46,130,255)
```
#428dff
```
#428dff rgb(66,141,255)
```
#5599ff
```
#5599ff rgb(85,153,255)
```
#69a5ff
```
#69a5ff rgb(105,165,255)
```
#7db1ff
```
#7db1ff rgb(125,177,255)
```
#90bcff
```
#90bcff rgb(144,188,255)
```
#a4c8ff
```
#a4c8ff rgb(164,200,255)
```
#b8d4ff
```
#b8d4ff rgb(184,212,255)
```
#cbe0ff
```
#cbe0ff rgb(203,224,255)
```
#dfecff
```
#dfecff rgb(223,236,255)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79818d is the less saturated color, while #076aff is the most saturated one.

#79818d
```
#79818d rgb(121,129,141)
```
#707f96
```
#707f96 rgb(112,127,150)
```
#667da0
```
#667da0 rgb(102,125,160)
```
#5d7ba9
```
#5d7ba9 rgb(93,123,169)
```
#5379b3
```
#5379b3 rgb(83,121,179)
```
#4a77bc
```
#4a77bc rgb(74,119,188)
```
#4076c6
```
#4076c6 rgb(64,118,198)
```
#3774cf
```
#3774cf rgb(55,116,207)
```
#2d72d9
```
#2d72d9 rgb(45,114,217)
```
#2470e2
```
#2470e2 rgb(36,112,226)
```
#1a6eec
```
#1a6eec rgb(26,110,236)
```
#116cf5
```
#116cf5 rgb(17,108,245)
```
#076aff
```
#076aff rgb(7,106,255)
```

Tone Color Variation

Below, you can see how #076aff 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

#5d5d5d Achromatopsia 0.005% of the population
#4c607d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#00878e Tritanopia 0.001% of the population

Trichromacy

#0272f1 Protanomaly 1% of men, 0.01% of women
#0277de Deuteranomaly 6% of men, 0.4% of women
#027cb7 Tritanomaly 0.01% of the population

#076aff hex color

#076aff Color Information

#076aff Color Conversion

Color Schemes with #076aff

Alternatives to #076aff

#076aff Preview

Shades and Tints of #076aff

Tones of #076aff

Color Blindness Simulator