#0a7fdd hex color

In a RGB color space, hex #0a7fdd is composed of 3.9% red, 49.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 95.5% cyan, 42.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 206.7 degrees, a saturation of 91.3% and a lightness of 45.3%. #0a7fdd color hex could be obtained by blending #14feff with #0000bb. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 4
- G 50
- B 87
RGB color chart
- C 95
- M 43
- Y 0
- K 13
CMYK color chart

● #0a7fdd color description : Vivid blue.

The hexadecimal color #0a7fdd has RGB values of R:10, G:127, B:221 and CMYK values of C:0.95, M:0.43, Y:0, K:0.13. Its decimal value is 688093.

Hex triplet	0a7fdd	`#0a7fdd`
RGB Decimal	10, 127, 221	`rgb(10,127,221)`
RGB Percent	3.9, 49.8, 86.7	`rgb(3.9%,49.8%,86.7%)`
CMYK	95, 43, 0, 13
HSL	206.7°, 91.3, 45.3	`hsl(206.7,91.3%,45.3%)`
HSV (or HSB)	206.7°, 95.5, 86.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	52.355, 6.493, -55.788
XYZ	20.763, 20.462, 71.258
xyY	0.185, 0.182, 20.462
CIE-LCH	52.355, 56.164, 276.639
CIE-LUV	52.355, -30.259, -87.274
Hunter-Lab	45.235, 2.77, -61.735
Binary	00001010, 01111111, 11011101

#0a7fdd
```
#0a7fdd rgb(10,127,221)
```
#dd680a
```
#dd680a rgb(221,104,10)
```

Complementary Color

#0addd2
```
#0addd2 rgb(10,221,210)
```
#0a7fdd
```
#0a7fdd rgb(10,127,221)
```
#0a16dd
```
#0a16dd rgb(10,22,221)
```

Analogous Color

#ddd20a
```
#ddd20a rgb(221,210,10)
```
#0a7fdd
```
#0a7fdd rgb(10,127,221)
```
#dd0a16
```
#dd0a16 rgb(221,10,22)
```

Split Complementary Color

#7fdd0a
```
#7fdd0a rgb(127,221,10)
```
#0a7fdd
```
#0a7fdd rgb(10,127,221)
```
#dd0a7f
```
#dd0a7f rgb(221,10,127)
```

Triadic Color

#0add68
```
#0add68 rgb(10,221,104)
```
#0a7fdd
```
#0a7fdd rgb(10,127,221)
```
#dd0a7f
```
#dd0a7f rgb(221,10,127)
```
#dd680a
```
#dd680a rgb(221,104,10)
```

Tetradic Color

#075594
```
#075594 rgb(7,85,148)
```
#0863ac
```
#0863ac rgb(8,99,172)
```
#0971c5
```
#0971c5 rgb(9,113,197)
```
#0a7fdd
```
#0a7fdd rgb(10,127,221)
```
#0c8df4
```
#0c8df4 rgb(12,141,244)
```
#2598f5
```
#2598f5 rgb(37,152,245)
```
#3da4f6
```
#3da4f6 rgb(61,164,246)
```

Monochromatic Color

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

#0ab4dd
```
#0ab4dd rgb(10,180,221)
```
#0aa2dd
```
#0aa2dd rgb(10,162,221)
```
#0a91dd
```
#0a91dd rgb(10,145,221)
```
#0a7fdd
```
#0a7fdd rgb(10,127,221)
```
#0a6ddd
```
#0a6ddd rgb(10,109,221)
```
#0a5cdd
```
#0a5cdd rgb(10,92,221)
```
#0a4add
```
#0a4add rgb(10,74,221)
```

Similar Colors

Text with hexadecimal color #0a7fdd

This text has a font color of #0a7fdd.

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

#0a7fdd background color

This paragraph has a background color of #0a7fdd.

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

#0a7fdd border color

This element has a border color of #0a7fdd.

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

CSS codes

.text {color:#0a7fdd;}

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

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

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, #01080f is the darkest color, while #fbfdff is the lightest one.

#01080f
```
#01080f rgb(1,8,15)
```
#021321
```
#021321 rgb(2,19,33)
```
#021e34
```
#021e34 rgb(2,30,52)
```
#032947
```
#032947 rgb(3,41,71)
```
#04345a
```
#04345a rgb(4,52,90)
```
#053e6c
```
#053e6c rgb(5,62,108)
```
#06497f
```
#06497f rgb(6,73,127)
```
#075492
```
#075492 rgb(7,84,146)
```
#075fa5
```
#075fa5 rgb(7,95,165)
```
#0869b7
```
#0869b7 rgb(8,105,183)
```
#0974ca
```
#0974ca rgb(9,116,202)
```
#0a7fdd
```
#0a7fdd rgb(10,127,221)
```
#0b8af0
```
#0b8af0 rgb(11,138,240)
```

Shade Color Variation

#1a93f5
```
#1a93f5 rgb(26,147,245)
```
#2c9cf5
```
#2c9cf5 rgb(44,156,245)
```
#3fa5f6
```
#3fa5f6 rgb(63,165,246)
```
#52aef7
```
#52aef7 rgb(82,174,247)
```
#65b6f8
```
#65b6f8 rgb(101,182,248)
```
#77bff9
```
#77bff9 rgb(119,191,249)
```
#8ac8fa
```
#8ac8fa rgb(138,200,250)
```
#9dd1fb
```
#9dd1fb rgb(157,209,251)
```
#b0dafb
```
#b0dafb rgb(176,218,251)
```
#c3e3fc
```
#c3e3fc rgb(195,227,252)
```
#d5ebfd
```
#d5ebfd rgb(213,235,253)
```
#e8f4fe
```
#e8f4fe rgb(232,244,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#6c747b
```
#6c747b rgb(108,116,123)
```
#637584
```
#637584 rgb(99,117,132)
```
#5a768d
```
#5a768d rgb(90,118,141)
```
#517796
```
#517796 rgb(81,119,150)
```
#48789f
```
#48789f rgb(72,120,159)
```
#3f79a8
```
#3f79a8 rgb(63,121,168)
```
#367ab1
```
#367ab1 rgb(54,122,177)
```
#2e7bb9
```
#2e7bb9 rgb(46,123,185)
```
#257cc2
```
#257cc2 rgb(37,124,194)
```
#1c7dcb
```
#1c7dcb rgb(28,125,203)
```
#137ed4
```
#137ed4 rgb(19,126,212)
```
#0a7fdd
```
#0a7fdd rgb(10,127,221)
```
#0180e6
```
#0180e6 rgb(1,128,230)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#546c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5680da Protanopia 1% of men
#1485de Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#3a80db Protanomaly 1% of men, 0.01% of women
#1083de Deuteranomaly 6% of men, 0.4% of women
#038ab1 Tritanomaly 0.01% of the population

#0a7fdd hex color

#0a7fdd Color Information

#0a7fdd Color Conversion

Color Schemes with #0a7fdd

Alternatives to #0a7fdd

#0a7fdd Preview

Shades and Tints of #0a7fdd

Tones of #0a7fdd

Color Blindness Simulator