#077ac2 hex color

In a RGB color space, hex #077ac2 is composed of 2.7% red, 47.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 96.4% cyan, 37.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 203.1 degrees, a saturation of 93% and a lightness of 39.4%. #077ac2 color hex could be obtained by blending #0ef4ff with #000085. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 3
- G 48
- B 76
RGB color chart
- C 96
- M 37
- Y 0
- K 24
CMYK color chart

● #077ac2 color description : Strong blue.

The hexadecimal color #077ac2 has RGB values of R:7, G:122, B:194 and CMYK values of C:0.96, M:0.37, Y:0, K:0.24. Its decimal value is 490178.

Hex triplet	077ac2	`#077ac2`
RGB Decimal	7, 122, 194	`rgb(7,122,194)`
RGB Percent	2.7, 47.8, 76.1	`rgb(2.7%,47.8%,76.1%)`
CMYK	96, 37, 0, 24
HSL	203.1°, 93, 39.4	`hsl(203.1,93%,39.4%)`
HSV (or HSB)	203.1°, 96.4, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.323, -1.059, -45.29
XYZ	16.782, 17.858, 53.598
xyY	0.19, 0.202, 17.858
CIE-LCH	49.323, 45.303, 268.661
CIE-LUV	49.323, -30.224, -68.947
Hunter-Lab	42.258, -3.063, -45.619
Binary	00000111, 01111010, 11000010

#077ac2
```
#077ac2 rgb(7,122,194)
```
#c24f07
```
#c24f07 rgb(194,79,7)
```

Complementary Color

#07c2ad
```
#07c2ad rgb(7,194,173)
```
#077ac2
```
#077ac2 rgb(7,122,194)
```
#071dc2
```
#071dc2 rgb(7,29,194)
```

Analogous Color

#c2ad07
```
#c2ad07 rgb(194,173,7)
```
#077ac2
```
#077ac2 rgb(7,122,194)
```
#c2071d
```
#c2071d rgb(194,7,29)
```

Split Complementary Color

#7ac207
```
#7ac207 rgb(122,194,7)
```
#077ac2
```
#077ac2 rgb(7,122,194)
```
#c2077a
```
#c2077a rgb(194,7,122)
```

Triadic Color

#07c24f
```
#07c24f rgb(7,194,79)
```
#077ac2
```
#077ac2 rgb(7,122,194)
```
#c2077a
```
#c2077a rgb(194,7,122)
```
#c24f07
```
#c24f07 rgb(194,79,7)
```

Tetradic Color

#044c78
```
#044c78 rgb(4,76,120)
```
#055b91
```
#055b91 rgb(5,91,145)
```
#066ba9
```
#066ba9 rgb(6,107,169)
```
#077ac2
```
#077ac2 rgb(7,122,194)
```
#0889db
```
#0889db rgb(8,137,219)
```
#0999f3
```
#0999f3 rgb(9,153,243)
```
#1fa4f7
```
#1fa4f7 rgb(31,164,247)
```

Monochromatic Color

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

#07a9c2
```
#07a9c2 rgb(7,169,194)
```
#0799c2
```
#0799c2 rgb(7,153,194)
```
#078ac2
```
#078ac2 rgb(7,138,194)
```
#077ac2
```
#077ac2 rgb(7,122,194)
```
#076ac2
```
#076ac2 rgb(7,106,194)
```
#075bc2
```
#075bc2 rgb(7,91,194)
```
#074bc2
```
#074bc2 rgb(7,75,194)
```

Similar Colors

Text with hexadecimal color #077ac2

This text has a font color of #077ac2.

<span style="color:#077ac2;">Text here</span>

#077ac2 background color

This paragraph has a background color of #077ac2.

<p style="background-color:#077ac2;">Content here</p>

#077ac2 border color

This element has a border color of #077ac2.

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

CSS codes

.text {color:#077ac2;}

.background {background-color:#077ac2;}

.border {border:1px solid #077ac2;}

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

#000305
```
#000305 rgb(0,3,5)
```
#010f18
```
#010f18 rgb(1,15,24)
```
#021b2b
```
#021b2b rgb(2,27,43)
```
#02273d
```
#02273d rgb(2,39,61)
```
#033350
```
#033350 rgb(3,51,80)
```
#043e63
```
#043e63 rgb(4,62,99)
```
#044a76
```
#044a76 rgb(4,74,118)
```
#055689
```
#055689 rgb(5,86,137)
```
#06629c
```
#06629c rgb(6,98,156)
```
#066eaf
```
#066eaf rgb(6,110,175)
```
#077ac2
```
#077ac2 rgb(7,122,194)
```
#0886d5
```
#0886d5 rgb(8,134,213)
```
#0892e8
```
#0892e8 rgb(8,146,232)
```

Shade Color Variation

#0e9df6
```
#0e9df6 rgb(14,157,246)
```
#20a4f7
```
#20a4f7 rgb(32,164,247)
```
#33acf8
```
#33acf8 rgb(51,172,248)
```
#46b4f8
```
#46b4f8 rgb(70,180,248)
```
#59bcf9
```
#59bcf9 rgb(89,188,249)
```
#6cc3fa
```
#6cc3fa rgb(108,195,250)
```
#7fcbfa
```
#7fcbfa rgb(127,203,250)
```
#92d3fb
```
#92d3fb rgb(146,211,251)
```
#a5dafc
```
#a5dafc rgb(165,218,252)
```
#b8e2fc
```
#b8e2fc rgb(184,226,252)
```
#cbeafd
```
#cbeafd rgb(203,234,253)
```
#def1fe
```
#def1fe rgb(222,241,254)
```
#f1f9fe
```
#f1f9fe rgb(241,249,254)
```

Tint Color Variation

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

#646565
```
#646565 rgb(100,101,101)
```
#5c666d
```
#5c666d rgb(92,102,109)
```
#546875
```
#546875 rgb(84,104,117)
```
#4d6a7c
```
#4d6a7c rgb(77,106,124)
```
#456c84
```
#456c84 rgb(69,108,132)
```
#3d6e8c
```
#3d6e8c rgb(61,110,140)
```
#356f94
```
#356f94 rgb(53,111,148)
```
#2e719b
```
#2e719b rgb(46,113,155)
```
#2673a3
```
#2673a3 rgb(38,115,163)
```
#1e75ab
```
#1e75ab rgb(30,117,171)
```
#1676b3
```
#1676b3 rgb(22,118,179)
```
#0f78ba
```
#0f78ba rgb(15,120,186)
```
#077ac2
```
#077ac2 rgb(7,122,194)
```

Tone Color Variation

Below, you can see how #077ac2 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
#4e6574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f7abf Protanopia 1% of men
#437dc6 Deuteranopia 1% of men
#008891 Tritanopia 0.001% of the population

Trichromacy

#3f7ac0 Protanomaly 1% of men, 0.01% of women
#2d7cc5 Deuteranomaly 6% of men, 0.4% of women
#0283a2 Tritanomaly 0.01% of the population

#077ac2 hex color

#077ac2 Color Information

#077ac2 Color Conversion

Color Schemes with #077ac2

Alternatives to #077ac2

#077ac2 Preview

Shades and Tints of #077ac2

Tones of #077ac2

Color Blindness Simulator