#0a7be2 hex color

In a RGB color space, hex #0a7be2 is composed of 3.9% red, 48.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 95.6% cyan, 45.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 208.6 degrees, a saturation of 91.5% and a lightness of 46.3%. #0a7be2 color hex could be obtained by blending #14f6ff with #0000c5. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 4
- G 48
- B 89
RGB color chart
- C 96
- M 46
- Y 0
- K 11
CMYK color chart

● #0a7be2 color description : Vivid blue.

The hexadecimal color #0a7be2 has RGB values of R:10, G:123, B:226 and CMYK values of C:0.96, M:0.46, Y:0, K:0.11. Its decimal value is 687074.

Hex triplet	0a7be2	`#0a7be2`
RGB Decimal	10, 123, 226	`rgb(10,123,226)`
RGB Percent	3.9, 48.2, 88.6	`rgb(3.9%,48.2%,88.6%)`
CMYK	96, 46, 0, 11
HSL	208.6°, 91.5, 46.3	`hsl(208.6,91.5%,46.3%)`
HSV (or HSB)	208.6°, 95.6, 88.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	51.519, 10.918, -59.943
XYZ	20.932, 19.72, 74.65
xyY	0.182, 0.171, 19.72
CIE-LCH	51.519, 60.93, 280.323
CIE-LUV	51.519, -28.785, -93.823
Hunter-Lab	44.407, 6.43, -68.585
Binary	00001010, 01111011, 11100010

#0a7be2
```
#0a7be2 rgb(10,123,226)
```
#e2710a
```
#e2710a rgb(226,113,10)
```

Complementary Color

#0ae2dd
```
#0ae2dd rgb(10,226,221)
```
#0a7be2
```
#0a7be2 rgb(10,123,226)
```
#0a0fe2
```
#0a0fe2 rgb(10,15,226)
```

Analogous Color

#e2dd0a
```
#e2dd0a rgb(226,221,10)
```
#0a7be2
```
#0a7be2 rgb(10,123,226)
```
#e20a0f
```
#e20a0f rgb(226,10,15)
```

Split Complementary Color

#7be20a
```
#7be20a rgb(123,226,10)
```
#0a7be2
```
#0a7be2 rgb(10,123,226)
```
#e20a7b
```
#e20a7b rgb(226,10,123)
```

Triadic Color

#0ae271
```
#0ae271 rgb(10,226,113)
```
#0a7be2
```
#0a7be2 rgb(10,123,226)
```
#e20a7b
```
#e20a7b rgb(226,10,123)
```
#e2710a
```
#e2710a rgb(226,113,10)
```

Tetradic Color

#075399
```
#075399 rgb(7,83,153)
```
#0860b1
```
#0860b1 rgb(8,96,177)
```
#096eca
```
#096eca rgb(9,110,202)
```
#0a7be2
```
#0a7be2 rgb(10,123,226)
```
#1188f4
```
#1188f4 rgb(17,136,244)
```
#2994f6
```
#2994f6 rgb(41,148,246)
```
#42a0f7
```
#42a0f7 rgb(66,160,247)
```

Monochromatic Color

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

#0ab1e2
```
#0ab1e2 rgb(10,177,226)
```
#0a9fe2
```
#0a9fe2 rgb(10,159,226)
```
#0a8de2
```
#0a8de2 rgb(10,141,226)
```
#0a7be2
```
#0a7be2 rgb(10,123,226)
```
#0a69e2
```
#0a69e2 rgb(10,105,226)
```
#0a57e2
```
#0a57e2 rgb(10,87,226)
```
#0a45e2
```
#0a45e2 rgb(10,69,226)
```

Similar Colors

Text with hexadecimal color #0a7be2

This text has a font color of #0a7be2.

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

#0a7be2 background color

This paragraph has a background color of #0a7be2.

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

#0a7be2 border color

This element has a border color of #0a7be2.

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

CSS codes

.text {color:#0a7be2;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010b13
```
#010b13 rgb(1,11,19)
```
#021526
```
#021526 rgb(2,21,38)
```
#031f39
```
#031f39 rgb(3,31,57)
```
#03294c
```
#03294c rgb(3,41,76)
```
#04335f
```
#04335f rgb(4,51,95)
```
#053e71
```
#053e71 rgb(5,62,113)
```
#064884
```
#064884 rgb(6,72,132)
```
#075297
```
#075297 rgb(7,82,151)
```
#085caa
```
#085caa rgb(8,92,170)
```
#0867bc
```
#0867bc rgb(8,103,188)
```
#0971cf
```
#0971cf rgb(9,113,207)
```
#0a7be2
```
#0a7be2 rgb(10,123,226)
```

Shade Color Variation

#0b85f4
```
#0b85f4 rgb(11,133,244)
```
#1e8ff5
```
#1e8ff5 rgb(30,143,245)
```
#3198f6
```
#3198f6 rgb(49,152,246)
```
#44a1f7
```
#44a1f7 rgb(68,161,247)
```
#57abf8
```
#57abf8 rgb(87,171,248)
```
#69b4f8
```
#69b4f8 rgb(105,180,248)
```
#7cbef9
```
#7cbef9 rgb(124,190,249)
```
#8fc7fa
```
#8fc7fa rgb(143,199,250)
```
#a2d0fb
```
#a2d0fb rgb(162,208,251)
```
#b4dafc
```
#b4dafc rgb(180,218,252)
```
#c7e3fd
```
#c7e3fd rgb(199,227,253)
```
#daedfd
```
#daedfd rgb(218,237,253)
```
#edf6fe
```
#edf6fe rgb(237,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e767e is the less saturated color, while #017beb is the most saturated one.

#6e767e
```
#6e767e rgb(110,118,126)
```
#657787
```
#657787 rgb(101,119,135)
```
#5c7790
```
#5c7790 rgb(92,119,144)
```
#537899
```
#537899 rgb(83,120,153)
```
#4a78a2
```
#4a78a2 rgb(74,120,162)
```
#4078ac
```
#4078ac rgb(64,120,172)
```
#3779b5
```
#3779b5 rgb(55,121,181)
```
#2e79be
```
#2e79be rgb(46,121,190)
```
#257ac7
```
#257ac7 rgb(37,122,199)
```
#1c7ad0
```
#1c7ad0 rgb(28,122,208)
```
#137bd9
```
#137bd9 rgb(19,123,217)
```
#0a7be2
```
#0a7be2 rgb(10,123,226)
```
#017beb
```
#017beb rgb(1,123,235)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#53697e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a7ee0 Protanopia 1% of men
#0084da Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#337de1 Protanomaly 1% of men, 0.01% of women
#0380dd Deuteranomaly 6% of men, 0.4% of women
#0387b2 Tritanomaly 0.01% of the population

#0a7be2 hex color

#0a7be2 Color Information

#0a7be2 Color Conversion

Color Schemes with #0a7be2

Alternatives to #0a7be2

#0a7be2 Preview

Shades and Tints of #0a7be2

Tones of #0a7be2

Color Blindness Simulator