#0f80dc hex color

In a RGB color space, hex #0f80dc is composed of 5.9% red, 50.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 93.2% cyan, 41.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 206.9 degrees, a saturation of 87.2% and a lightness of 46.1%. #0f80dc color hex could be obtained by blending #1effff with #0001b9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 6
- G 50
- B 86
RGB color chart
- C 93
- M 42
- Y 0
- K 14
CMYK color chart

● #0f80dc color description : Vivid blue.

The hexadecimal color #0f80dc has RGB values of R:15, G:128, B:220 and CMYK values of C:0.93, M:0.42, Y:0, K:0.14. Its decimal value is 1016028.

Hex triplet	0f80dc	`#0f80dc`
RGB Decimal	15, 128, 220	`rgb(15,128,220)`
RGB Percent	5.9, 50.2, 86.3	`rgb(5.9%,50.2%,86.3%)`
CMYK	93, 42, 0, 14
HSL	206.9°, 87.2, 46.1	`hsl(206.9,87.2%,46.1%)`
HSV (or HSB)	206.9°, 93.2, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.625, 5.661, -54.79
XYZ	20.831, 20.705, 70.605
xyY	0.186, 0.185, 20.705
CIE-LCH	52.625, 55.082, 275.899
CIE-LUV	52.625, -30.409, -85.719
Hunter-Lab	45.503, 2.087, -60.145
Binary	00001111, 10000000, 11011100

#0f80dc
```
#0f80dc rgb(15,128,220)
```
#dc6b0f
```
#dc6b0f rgb(220,107,15)
```

Complementary Color

#0fdcd2
```
#0fdcd2 rgb(15,220,210)
```
#0f80dc
```
#0f80dc rgb(15,128,220)
```
#0f19dc
```
#0f19dc rgb(15,25,220)
```

Analogous Color

#dcd20f
```
#dcd20f rgb(220,210,15)
```
#0f80dc
```
#0f80dc rgb(15,128,220)
```
#dc0f19
```
#dc0f19 rgb(220,15,25)
```

Split Complementary Color

#80dc0f
```
#80dc0f rgb(128,220,15)
```
#0f80dc
```
#0f80dc rgb(15,128,220)
```
#dc0f80
```
#dc0f80 rgb(220,15,128)
```

Triadic Color

#0fdc6b
```
#0fdc6b rgb(15,220,107)
```
#0f80dc
```
#0f80dc rgb(15,128,220)
```
#dc0f80
```
#dc0f80 rgb(220,15,128)
```
#dc6b0f
```
#dc6b0f rgb(220,107,15)
```

Tetradic Color

#0a5694
```
#0a5694 rgb(10,86,148)
```
#0c64ac
```
#0c64ac rgb(12,100,172)
```
#0d72c4
```
#0d72c4 rgb(13,114,196)
```
#0f80dc
```
#0f80dc rgb(15,128,220)
```
#158def
```
#158def rgb(21,141,239)
```
#2d99f1
```
#2d99f1 rgb(45,153,241)
```
#45a5f2
```
#45a5f2 rgb(69,165,242)
```

Monochromatic Color

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

#0fb3dc
```
#0fb3dc rgb(15,179,220)
```
#0fa2dc
```
#0fa2dc rgb(15,162,220)
```
#0f91dc
```
#0f91dc rgb(15,145,220)
```
#0f80dc
```
#0f80dc rgb(15,128,220)
```
#0f6fdc
```
#0f6fdc rgb(15,111,220)
```
#0f5edc
```
#0f5edc rgb(15,94,220)
```
#0f4ddc
```
#0f4ddc rgb(15,77,220)
```

Similar Colors

Text with hexadecimal color #0f80dc

This text has a font color of #0f80dc.

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

#0f80dc background color

This paragraph has a background color of #0f80dc.

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

#0f80dc border color

This element has a border color of #0f80dc.

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

CSS codes

.text {color:#0f80dc;}

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

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

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, #010a12 is the darkest color, while #ffffff is the lightest one.

#010a12
```
#010a12 rgb(1,10,18)
```
#021524
```
#021524 rgb(2,21,36)
```
#042037
```
#042037 rgb(4,32,55)
```
#052b49
```
#052b49 rgb(5,43,73)
```
#06355b
```
#06355b rgb(6,53,91)
```
#07406e
```
#07406e rgb(7,64,110)
```
#094b80
```
#094b80 rgb(9,75,128)
```
#0a5593
```
#0a5593 rgb(10,85,147)
```
#0b60a5
```
#0b60a5 rgb(11,96,165)
```
#0c6bb7
```
#0c6bb7 rgb(12,107,183)
```
#0e75ca
```
#0e75ca rgb(14,117,202)
```
#0f80dc
```
#0f80dc rgb(15,128,220)
```
#108bee
```
#108bee rgb(16,139,238)
```

Shade Color Variation

#2294f0
```
#2294f0 rgb(34,148,240)
```
#359df1
```
#359df1 rgb(53,157,241)
```
#47a6f2
```
#47a6f2 rgb(71,166,242)
```
#59aef4
```
#59aef4 rgb(89,174,244)
```
#6cb7f5
```
#6cb7f5 rgb(108,183,245)
```
#7ec0f6
```
#7ec0f6 rgb(126,192,246)
```
#90c9f7
```
#90c9f7 rgb(144,201,247)
```
#a3d2f9
```
#a3d2f9 rgb(163,210,249)
```
#b5dbfa
```
#b5dbfa rgb(181,219,250)
```
#c8e4fb
```
#c8e4fb rgb(200,228,251)
```
#daedfc
```
#daedfc rgb(218,237,252)
```
#ecf6fe
```
#ecf6fe rgb(236,246,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#727679
```
#727679 rgb(114,118,121)
```
#697782
```
#697782 rgb(105,119,130)
```
#60788b
```
#60788b rgb(96,120,139)
```
#577994
```
#577994 rgb(87,121,148)
```
#4e7a9d
```
#4e7a9d rgb(78,122,157)
```
#457aa6
```
#457aa6 rgb(69,122,166)
```
#3c7baf
```
#3c7baf rgb(60,123,175)
```
#337cb8
```
#337cb8 rgb(51,124,184)
```
#2a7dc1
```
#2a7dc1 rgb(42,125,193)
```
#217eca
```
#217eca rgb(33,126,202)
```
#187fd3
```
#187fd3 rgb(24,127,211)
```
#0f80dc
```
#0f80dc rgb(15,128,220)
```
#0681e5
```
#0681e5 rgb(6,129,229)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#576e80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5981d9 Protanopia 1% of men
#2486de Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#3e80da Protanomaly 1% of men, 0.01% of women
#1c83dd Deuteranomaly 6% of men, 0.4% of women
#058bb2 Tritanomaly 0.01% of the population

#0f80dc hex color

#0f80dc Color Information

#0f80dc Color Conversion

Color Schemes with #0f80dc

Alternatives to #0f80dc

#0f80dc Preview

Shades and Tints of #0f80dc

Tones of #0f80dc

Color Blindness Simulator