#0a7ac2 hex color

In a RGB color space, hex #0a7ac2 is composed of 3.9% red, 47.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 94.8% cyan, 37.1% magenta, 0% yellow and 23.9% black. It has a hue angle of 203.5 degrees, a saturation of 90.2% and a lightness of 40%. #0a7ac2 color hex could be obtained by blending #14f4ff with #000085. Closest websafe color is: #0066cc.

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

● #0a7ac2 color description : Strong blue.

The hexadecimal color #0a7ac2 has RGB values of R:10, G:122, B:194 and CMYK values of C:0.95, M:0.37, Y:0, K:0.24. Its decimal value is 686786.

Hex triplet	0a7ac2	`#0a7ac2`
RGB Decimal	10, 122, 194	`rgb(10,122,194)`
RGB Percent	3.9, 47.8, 76.1	`rgb(3.9%,47.8%,76.1%)`
CMYK	95, 37, 0, 24
HSL	203.5°, 90.2, 40	`hsl(203.5,90.2%,40%)`
HSV (or HSB)	203.5°, 94.8, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	49.347, -0.952, -45.251
XYZ	16.82, 17.877, 53.6
xyY	0.19, 0.202, 17.877
CIE-LCH	49.347, 45.261, 268.795
CIE-LUV	49.347, -30.095, -68.902
Hunter-Lab	42.281, -2.983, -45.565
Binary	00001010, 01111010, 11000010

#0a7ac2
```
#0a7ac2 rgb(10,122,194)
```
#c2520a
```
#c2520a rgb(194,82,10)
```

Complementary Color

#0ac2ae
```
#0ac2ae rgb(10,194,174)
```
#0a7ac2
```
#0a7ac2 rgb(10,122,194)
```
#0a1ec2
```
#0a1ec2 rgb(10,30,194)
```

Analogous Color

#c2ae0a
```
#c2ae0a rgb(194,174,10)
```
#0a7ac2
```
#0a7ac2 rgb(10,122,194)
```
#c20a1e
```
#c20a1e rgb(194,10,30)
```

Split Complementary Color

#7ac20a
```
#7ac20a rgb(122,194,10)
```
#0a7ac2
```
#0a7ac2 rgb(10,122,194)
```
#c20a7a
```
#c20a7a rgb(194,10,122)
```

Triadic Color

#0ac252
```
#0ac252 rgb(10,194,82)
```
#0a7ac2
```
#0a7ac2 rgb(10,122,194)
```
#c20a7a
```
#c20a7a rgb(194,10,122)
```
#c2520a
```
#c2520a rgb(194,82,10)
```

Tetradic Color

#064c79
```
#064c79 rgb(6,76,121)
```
#085c92
```
#085c92 rgb(8,92,146)
```
#096baa
```
#096baa rgb(9,107,170)
```
#0a7ac2
```
#0a7ac2 rgb(10,122,194)
```
#0b89da
```
#0b89da rgb(11,137,218)
```
#0d99f3
```
#0d99f3 rgb(13,153,243)
```
#25a3f4
```
#25a3f4 rgb(37,163,244)
```

Monochromatic Color

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

#0aa8c2
```
#0aa8c2 rgb(10,168,194)
```
#0a99c2
```
#0a99c2 rgb(10,153,194)
```
#0a89c2
```
#0a89c2 rgb(10,137,194)
```
#0a7ac2
```
#0a7ac2 rgb(10,122,194)
```
#0a6bc2
```
#0a6bc2 rgb(10,107,194)
```
#0a5bc2
```
#0a5bc2 rgb(10,91,194)
```
#0a4cc2
```
#0a4cc2 rgb(10,76,194)
```

Similar Colors

Text with hexadecimal color #0a7ac2

This text has a font color of #0a7ac2.

<span style="color:#0a7ac2;">Text here</span>

#0a7ac2 background color

This paragraph has a background color of #0a7ac2.

<p style="background-color:#0a7ac2;">Content here</p>

#0a7ac2 border color

This element has a border color of #0a7ac2.

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

CSS codes

.text {color:#0a7ac2;}

.background {background-color:#0a7ac2;}

.border {border:1px solid #0a7ac2;}

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

#000507
```
#000507 rgb(0,5,7)
```
#01101a
```
#01101a rgb(1,16,26)
```
#021c2d
```
#021c2d rgb(2,28,45)
```
#03283f
```
#03283f rgb(3,40,63)
```
#043452
```
#043452 rgb(4,52,82)
```
#053f65
```
#053f65 rgb(5,63,101)
```
#064b77
```
#064b77 rgb(6,75,119)
```
#07578a
```
#07578a rgb(7,87,138)
```
#08639d
```
#08639d rgb(8,99,157)
```
#096eaf
```
#096eaf rgb(9,110,175)
```
#0a7ac2
```
#0a7ac2 rgb(10,122,194)
```
#0b86d5
```
#0b86d5 rgb(11,134,213)
```
#0c91e7
```
#0c91e7 rgb(12,145,231)
```

Shade Color Variation

#149cf3
```
#149cf3 rgb(20,156,243)
```
#27a4f4
```
#27a4f4 rgb(39,164,244)
```
#39abf5
```
#39abf5 rgb(57,171,245)
```
#4cb3f6
```
#4cb3f6 rgb(76,179,246)
```
#5fbbf7
```
#5fbbf7 rgb(95,187,247)
```
#71c3f8
```
#71c3f8 rgb(113,195,248)
```
#84cbf9
```
#84cbf9 rgb(132,203,249)
```
#97d3fa
```
#97d3fa rgb(151,211,250)
```
#a9dbfb
```
#a9dbfb rgb(169,219,251)
```
#bce3fc
```
#bce3fc rgb(188,227,252)
```
#cfebfd
```
#cfebfd rgb(207,235,253)
```
#e1f2fd
```
#e1f2fd rgb(225,242,253)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60676c is the less saturated color, while #027cca is the most saturated one.

#60676c
```
#60676c rgb(96,103,108)
```
#586974
```
#586974 rgb(88,105,116)
```
#516b7b
```
#516b7b rgb(81,107,123)
```
#496c83
```
#496c83 rgb(73,108,131)
```
#416e8b
```
#416e8b rgb(65,110,139)
```
#397093
```
#397093 rgb(57,112,147)
```
#31719b
```
#31719b rgb(49,113,155)
```
#2973a3
```
#2973a3 rgb(41,115,163)
```
#2275aa
```
#2275aa rgb(34,117,170)
```
#1a77b2
```
#1a77b2 rgb(26,119,178)
```
#1278ba
```
#1278ba rgb(18,120,186)
```
#0a7ac2
```
#0a7ac2 rgb(10,122,194)
```
#027cca
```
#027cca rgb(2,124,202)
```

Tone Color Variation

Below, you can see how #0a7ac2 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

#616161 Achromatopsia 0.005% of the population
#506674 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

#407ac0 Protanomaly 1% of men, 0.01% of women
#2e7cc5 Deuteranomaly 6% of men, 0.4% of women
#0383a2 Tritanomaly 0.01% of the population

#0a7ac2 hex color

#0a7ac2 Color Information

#0a7ac2 Color Conversion

Color Schemes with #0a7ac2

Alternatives to #0a7ac2

#0a7ac2 Preview

Shades and Tints of #0a7ac2

Tones of #0a7ac2

Color Blindness Simulator