#0a76f2 hex color

In a RGB color space, hex #0a76f2 is composed of 3.9% red, 46.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 95.9% cyan, 51.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 212.1 degrees, a saturation of 92.1% and a lightness of 49.4%. #0a76f2 color hex could be obtained by blending #14ecff with #0000e5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 4
- G 46
- B 95
RGB color chart
- C 96
- M 51
- Y 0
- K 5
CMYK color chart

● #0a76f2 color description : Vivid blue.

The hexadecimal color #0a76f2 has RGB values of R:10, G:118, B:242 and CMYK values of C:0.96, M:0.51, Y:0, K:0.05. Its decimal value is 685810.

Hex triplet	0a76f2	`#0a76f2`
RGB Decimal	10, 118, 242	`rgb(10,118,242)`
RGB Percent	3.9, 46.3, 94.9	`rgb(3.9%,46.3%,94.9%)`
CMYK	96, 51, 0, 5
HSL	212.1°, 92.1, 49.4	`hsl(212.1,92.1%,49.4%)`
HSV (or HSB)	212.1°, 95.9, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.187, 20.286, -69.433
XYZ	22.627, 19.43, 86.557
xyY	0.176, 0.151, 19.43
CIE-LCH	51.187, 72.336, 286.287
CIE-LUV	51.187, -26.678, -108.831
Hunter-Lab	44.08, 14.488, -85.569
Binary	00001010, 01110110, 11110010

#0a76f2
```
#0a76f2 rgb(10,118,242)
```
#f2860a
```
#f2860a rgb(242,134,10)
```

Complementary Color

#0aeaf2
```
#0aeaf2 rgb(10,234,242)
```
#0a76f2
```
#0a76f2 rgb(10,118,242)
```
#120af2
```
#120af2 rgb(18,10,242)
```

Analogous Color

#eaf20a
```
#eaf20a rgb(234,242,10)
```
#0a76f2
```
#0a76f2 rgb(10,118,242)
```
#f2120a
```
#f2120a rgb(242,18,10)
```

Split Complementary Color

#76f20a
```
#76f20a rgb(118,242,10)
```
#0a76f2
```
#0a76f2 rgb(10,118,242)
```
#f20a76
```
#f20a76 rgb(242,10,118)
```

Triadic Color

#0af286
```
#0af286 rgb(10,242,134)
```
#0a76f2
```
#0a76f2 rgb(10,118,242)
```
#f20a76
```
#f20a76 rgb(242,10,118)
```
#f2860a
```
#f2860a rgb(242,134,10)
```

Tetradic Color

#0752a9
```
#0752a9 rgb(7,82,169)
```
#085ec1
```
#085ec1 rgb(8,94,193)
```
#096ada
```
#096ada rgb(9,106,218)
```
#0a76f2
```
#0a76f2 rgb(10,118,242)
```
#2083f6
```
#2083f6 rgb(32,131,246)
```
#3891f7
```
#3891f7 rgb(56,145,247)
```
#519ef8
```
#519ef8 rgb(81,158,248)
```

Monochromatic Color

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

#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```
#0a9df2
```
#0a9df2 rgb(10,157,242)
```
#0a89f2
```
#0a89f2 rgb(10,137,242)
```
#0a76f2
```
#0a76f2 rgb(10,118,242)
```
#0a63f2
```
#0a63f2 rgb(10,99,242)
```
#0a4ff2
```
#0a4ff2 rgb(10,79,242)
```
#0a3cf2
```
#0a3cf2 rgb(10,60,242)
```

Similar Colors

Text with hexadecimal color #0a76f2

This text has a font color of #0a76f2.

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

#0a76f2 background color

This paragraph has a background color of #0a76f2.

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

#0a76f2 border color

This element has a border color of #0a76f2.

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

CSS codes

.text {color:#0a76f2;}

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

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

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

#010810
```
#010810 rgb(1,8,16)
```
#011123
```
#011123 rgb(1,17,35)
```
#021a36
```
#021a36 rgb(2,26,54)
```
#032348
```
#032348 rgb(3,35,72)
```
#042d5b
```
#042d5b rgb(4,45,91)
```
#05366e
```
#05366e rgb(5,54,110)
```
#053f81
```
#053f81 rgb(5,63,129)
```
#064894
```
#064894 rgb(6,72,148)
```
#0751a7
```
#0751a7 rgb(7,81,167)
```
#085ab9
```
#085ab9 rgb(8,90,185)
```
#0864cc
```
#0864cc rgb(8,100,204)
```
#096ddf
```
#096ddf rgb(9,109,223)
```
#0a76f2
```
#0a76f2 rgb(10,118,242)
```

Shade Color Variation

#1a80f6
```
#1a80f6 rgb(26,128,246)
```
#2d8bf6
```
#2d8bf6 rgb(45,139,246)
```
#4095f7
```
#4095f7 rgb(64,149,247)
```
#53a0f8
```
#53a0f8 rgb(83,160,248)
```
#65aaf9
```
#65aaf9 rgb(101,170,249)
```
#78b4f9
```
#78b4f9 rgb(120,180,249)
```
#8bbffa
```
#8bbffa rgb(139,191,250)
```
#9ec9fb
```
#9ec9fb rgb(158,201,251)
```
#b1d4fc
```
#b1d4fc rgb(177,212,252)
```
#c4defd
```
#c4defd rgb(196,222,253)
```
#d6e9fd
```
#d6e9fd rgb(214,233,253)
```
#e9f3fe
```
#e9f3fe rgb(233,243,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757d87 is the less saturated color, while #0075fc is the most saturated one.

#757d87
```
#757d87 rgb(117,125,135)
```
#6b7d91
```
#6b7d91 rgb(107,125,145)
```
#617c9b
```
#617c9b rgb(97,124,155)
```
#587ba4
```
#587ba4 rgb(88,123,164)
```
#4e7bae
```
#4e7bae rgb(78,123,174)
```
#447ab8
```
#447ab8 rgb(68,122,184)
```
#3a79c2
```
#3a79c2 rgb(58,121,194)
```
#3179cb
```
#3179cb rgb(49,121,203)
```
#2778d5
```
#2778d5 rgb(39,120,213)
```
#1d77df
```
#1d77df rgb(29,119,223)
```
#1477e8
```
#1477e8 rgb(20,119,232)
```
#0a76f2
```
#0a76f2 rgb(10,118,242)
```
#0075fc
```
#0075fc rgb(0,117,252)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#526880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#207cf2 Protanopia 1% of men
#0083d6 Deuteranopia 1% of men
#008d95 Tritanopia 0.001% of the population

Trichromacy

#187af2 Protanomaly 1% of men, 0.01% of women
#037ee0 Deuteranomaly 6% of men, 0.4% of women
#0385b7 Tritanomaly 0.01% of the population

#0a76f2 hex color

#0a76f2 Color Information

#0a76f2 Color Conversion

Color Schemes with #0a76f2

Alternatives to #0a76f2

#0a76f2 Preview

Shades and Tints of #0a76f2

Tones of #0a76f2

Color Blindness Simulator