#0f7add hex color

In a RGB color space, hex #0f7add is composed of 5.9% red, 47.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 93.2% cyan, 44.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 208.8 degrees, a saturation of 87.3% and a lightness of 46.3%. #0f7add color hex could be obtained by blending #1ef4ff with #0000bb. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 6
- G 48
- B 87
RGB color chart
- C 93
- M 45
- Y 0
- K 13
CMYK color chart

● #0f7add color description : Vivid blue.

The hexadecimal color #0f7add has RGB values of R:15, G:122, B:221 and CMYK values of C:0.93, M:0.45, Y:0, K:0.13. Its decimal value is 1014493.

Hex triplet	0f7add	`#0f7add`
RGB Decimal	15, 122, 221	`rgb(15,122,221)`
RGB Percent	5.9, 47.8, 86.7	`rgb(5.9%,47.8%,86.7%)`
CMYK	93, 45, 0, 13
HSL	208.8°, 87.3, 46.3	`hsl(208.8,87.3%,46.3%)`
HSV (or HSB)	208.8°, 93.2, 86.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	50.966, 9.76, -58.015
XYZ	20.205, 19.239, 71.051
xyY	0.183, 0.174, 19.239
CIE-LCH	50.966, 58.831, 279.549
CIE-LUV	50.966, -28.489, -90.5
Hunter-Lab	43.863, 5.464, -65.338
Binary	00001111, 01111010, 11011101

#0f7add
```
#0f7add rgb(15,122,221)
```
#dd720f
```
#dd720f rgb(221,114,15)
```

Complementary Color

#0fddd9
```
#0fddd9 rgb(15,221,217)
```
#0f7add
```
#0f7add rgb(15,122,221)
```
#0f13dd
```
#0f13dd rgb(15,19,221)
```

Analogous Color

#ddd90f
```
#ddd90f rgb(221,217,15)
```
#0f7add
```
#0f7add rgb(15,122,221)
```
#dd0f13
```
#dd0f13 rgb(221,15,19)
```

Split Complementary Color

#7add0f
```
#7add0f rgb(122,221,15)
```
#0f7add
```
#0f7add rgb(15,122,221)
```
#dd0f7a
```
#dd0f7a rgb(221,15,122)
```

Triadic Color

#0fdd72
```
#0fdd72 rgb(15,221,114)
```
#0f7add
```
#0f7add rgb(15,122,221)
```
#dd0f7a
```
#dd0f7a rgb(221,15,122)
```
#dd720f
```
#dd720f rgb(221,114,15)
```

Tetradic Color

#0a5295
```
#0a5295 rgb(10,82,149)
```
#0c60ad
```
#0c60ad rgb(12,96,173)
```
#0d6dc5
```
#0d6dc5 rgb(13,109,197)
```
#0f7add
```
#0f7add rgb(15,122,221)
```
#1687ef
```
#1687ef rgb(22,135,239)
```
#2e93f1
```
#2e93f1 rgb(46,147,241)
```
#46a0f2
```
#46a0f2 rgb(70,160,242)
```

Monochromatic Color

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

#0faedd
```
#0faedd rgb(15,174,221)
```
#0f9cdd
```
#0f9cdd rgb(15,156,221)
```
#0f8bdd
```
#0f8bdd rgb(15,139,221)
```
#0f7add
```
#0f7add rgb(15,122,221)
```
#0f69dd
```
#0f69dd rgb(15,105,221)
```
#0f58dd
```
#0f58dd rgb(15,88,221)
```
#0f47dd
```
#0f47dd rgb(15,71,221)
```

Similar Colors

Text with hexadecimal color #0f7add

This text has a font color of #0f7add.

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

#0f7add background color

This paragraph has a background color of #0f7add.

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

#0f7add border color

This element has a border color of #0f7add.

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

CSS codes

.text {color:#0f7add;}

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

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

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)
```
#010a13
```
#010a13 rgb(1,10,19)
```
#031525
```
#031525 rgb(3,21,37)
```
#041f38
```
#041f38 rgb(4,31,56)
```
#05294a
```
#05294a rgb(5,41,74)
```
#06335c
```
#06335c rgb(6,51,92)
```
#083d6f
```
#083d6f rgb(8,61,111)
```
#094781
```
#094781 rgb(9,71,129)
```
#0a5194
```
#0a5194 rgb(10,81,148)
```
#0b5ca6
```
#0b5ca6 rgb(11,92,166)
```
#0d66b8
```
#0d66b8 rgb(13,102,184)
```
#0e70cb
```
#0e70cb rgb(14,112,203)
```
#0f7add
```
#0f7add rgb(15,122,221)
```

Shade Color Variation

#1184ef
```
#1184ef rgb(17,132,239)
```
#238ef0
```
#238ef0 rgb(35,142,240)
```
#3697f1
```
#3697f1 rgb(54,151,241)
```
#48a1f3
```
#48a1f3 rgb(72,161,243)
```
#5aaaf4
```
#5aaaf4 rgb(90,170,244)
```
#6db3f5
```
#6db3f5 rgb(109,179,245)
```
#7fbdf6
```
#7fbdf6 rgb(127,189,246)
```
#91c6f8
```
#91c6f8 rgb(145,198,248)
```
#a4d0f9
```
#a4d0f9 rgb(164,208,249)
```
#b6d9fa
```
#b6d9fa rgb(182,217,250)
```
#c8e3fb
```
#c8e3fb rgb(200,227,251)
```
#dbecfd
```
#dbecfd rgb(219,236,253)
```
#edf6fe
```
#edf6fe rgb(237,246,254)
```

Tint Color Variation

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

#737679
```
#737679 rgb(115,118,121)
```
#6a7682
```
#6a7682 rgb(106,118,130)
```
#61778b
```
#61778b rgb(97,119,139)
```
#587794
```
#587794 rgb(88,119,148)
```
#4f789d
```
#4f789d rgb(79,120,157)
```
#4578a7
```
#4578a7 rgb(69,120,167)
```
#3c78b0
```
#3c78b0 rgb(60,120,176)
```
#3379b9
```
#3379b9 rgb(51,121,185)
```
#2a79c2
```
#2a79c2 rgb(42,121,194)
```
#2179cb
```
#2179cb rgb(33,121,203)
```
#187ad4
```
#187ad4 rgb(24,122,212)
```
#0f7add
```
#0f7add rgb(15,122,221)
```
#067ae6
```
#067ae6 rgb(6,122,230)
```

Tone Color Variation

Below, you can see how #0f7add 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
#54697d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d7ddb Protanopia 1% of men
#0082d8 Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#367cdc Protanomaly 1% of men, 0.01% of women
#057fda Deuteranomaly 6% of men, 0.4% of women
#0586af Tritanomaly 0.01% of the population

#0f7add hex color

#0f7add Color Information

#0f7add Color Conversion

Color Schemes with #0f7add

Alternatives to #0f7add

#0f7add Preview

Shades and Tints of #0f7add

Tones of #0f7add

Color Blindness Simulator