#0f7284 hex color

In a RGB color space, hex #0f7284 is composed of 5.9% red, 44.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 88.6% cyan, 13.6% magenta, 0% yellow and 48.2% black. It has a hue angle of 189.2 degrees, a saturation of 79.6% and a lightness of 28.8%. #0f7284 color hex could be obtained by blending #1ee4ff with #000009. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 6
- G 45
- B 52
RGB color chart
- C 89
- M 14
- Y 0
- K 48
CMYK color chart

● #0f7284 color description : Dark cyan.

The hexadecimal color #0f7284 has RGB values of R:15, G:114, B:132 and CMYK values of C:0.89, M:0.14, Y:0, K:0.48. Its decimal value is 1012356.

Hex triplet	0f7284	`#0f7284`
RGB Decimal	15, 114, 132	`rgb(15,114,132)`
RGB Percent	5.9, 44.7, 51.8	`rgb(5.9%,44.7%,51.8%)`
CMYK	89, 14, 0, 48
HSL	189.2°, 79.6, 28.8	`hsl(189.2,79.6%,28.8%)`
HSV (or HSB)	189.2°, 88.6, 51.8
Web Safe	006699	`#006699`

CIE-LAB	43.946, -19.409, -17.366
XYZ	10.378, 13.801, 23.945
xyY	0.216, 0.287, 13.801
CIE-LCH	43.946, 26.044, 221.819
CIE-LUV	43.946, -31.03, -22.216
Hunter-Lab	37.15, -15.147, -12.211
Binary	00001111, 01110010, 10000100

#0f7284
```
#0f7284 rgb(15,114,132)
```
#84210f
```
#84210f rgb(132,33,15)
```

Complementary Color

#0f845c
```
#0f845c rgb(15,132,92)
```
#0f7284
```
#0f7284 rgb(15,114,132)
```
#0f3884
```
#0f3884 rgb(15,56,132)
```

Analogous Color

#845c0f
```
#845c0f rgb(132,92,15)
```
#0f7284
```
#0f7284 rgb(15,114,132)
```
#840f38
```
#840f38 rgb(132,15,56)
```

Split Complementary Color

#72840f
```
#72840f rgb(114,132,15)
```
#0f7284
```
#0f7284 rgb(15,114,132)
```
#840f72
```
#840f72 rgb(132,15,114)
```

Triadic Color

#0f8421
```
#0f8421 rgb(15,132,33)
```
#0f7284
```
#0f7284 rgb(15,114,132)
```
#840f72
```
#840f72 rgb(132,15,114)
```
#84210f
```
#84210f rgb(132,33,15)
```

Tetradic Color

#07373f
```
#07373f rgb(7,55,63)
```
#0a4a56
```
#0a4a56 rgb(10,74,86)
```
#0c5e6d
```
#0c5e6d rgb(12,94,109)
```
#0f7284
```
#0f7284 rgb(15,114,132)
```
#12869b
```
#12869b rgb(18,134,155)
```
#149ab2
```
#149ab2 rgb(20,154,178)
```
#17adc9
```
#17adc9 rgb(23,173,201)
```

Monochromatic Color

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

#0f8479
```
#0f8479 rgb(15,132,121)
```
#0f8483
```
#0f8483 rgb(15,132,131)
```
#0f7c84
```
#0f7c84 rgb(15,124,132)
```
#0f7284
```
#0f7284 rgb(15,114,132)
```
#0f6884
```
#0f6884 rgb(15,104,132)
```
#0f5f84
```
#0f5f84 rgb(15,95,132)
```
#0f5584
```
#0f5584 rgb(15,85,132)
```

Similar Colors

Text with hexadecimal color #0f7284

This text has a font color of #0f7284.

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

#0f7284 background color

This paragraph has a background color of #0f7284.

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

#0f7284 border color

This element has a border color of #0f7284.

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

CSS codes

.text {color:#0f7284;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#03171a
```
#03171a rgb(3,23,26)
```
#05262c
```
#05262c rgb(5,38,44)
```
#07353e
```
#07353e rgb(7,53,62)
```
#09444f
```
#09444f rgb(9,68,79)
```
#0b5461
```
#0b5461 rgb(11,84,97)
```
#0d6372
```
#0d6372 rgb(13,99,114)
```
#0f7284
```
#0f7284 rgb(15,114,132)
```
#118196
```
#118196 rgb(17,129,150)
```
#1390a7
```
#1390a7 rgb(19,144,167)
```
#15a0b9
```
#15a0b9 rgb(21,160,185)
```
#17afca
```
#17afca rgb(23,175,202)
```
#19bedc
```
#19bedc rgb(25,190,220)
```

Shade Color Variation

#23c8e6
```
#23c8e6 rgb(35,200,230)
```
#34cce8
```
#34cce8 rgb(52,204,232)
```
#46d1ea
```
#46d1ea rgb(70,209,234)
```
#58d5ec
```
#58d5ec rgb(88,213,236)
```
#69daee
```
#69daee rgb(105,218,238)
```
#7bdef0
```
#7bdef0 rgb(123,222,240)
```
#8ce2f2
```
#8ce2f2 rgb(140,226,242)
```
#9ee7f4
```
#9ee7f4 rgb(158,231,244)
```
#b0ebf6
```
#b0ebf6 rgb(176,235,246)
```
#c1f0f8
```
#c1f0f8 rgb(193,240,248)
```
#d3f4fa
```
#d3f4fa rgb(211,244,250)
```
#e4f8fc
```
#e4f8fc rgb(228,248,252)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484b4b is the less saturated color, while #047a8f is the most saturated one.

#484b4b
```
#484b4b rgb(72,75,75)
```
#424f51
```
#424f51 rgb(66,79,81)
```
#3c5357
```
#3c5357 rgb(60,83,87)
```
#37575c
```
#37575c rgb(55,87,92)
```
#315b62
```
#315b62 rgb(49,91,98)
```
#2b5e68
```
#2b5e68 rgb(43,94,104)
```
#26626d
```
#26626d rgb(38,98,109)
```
#206673
```
#206673 rgb(32,102,115)
```
#1a6a79
```
#1a6a79 rgb(26,106,121)
```
#156e7e
```
#156e7e rgb(21,110,126)
```
#0f7284
```
#0f7284 rgb(15,114,132)
```
#09768a
```
#09768a rgb(9,118,138)
```
#047a8f
```
#047a8f rgb(4,122,143)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#485c5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6e83 Protanopia 1% of men
#686e8e Deuteranopia 1% of men
#057a83 Tritanopia 0.001% of the population

Trichromacy

#496f83 Protanomaly 1% of men, 0.01% of women
#476f8a Deuteranomaly 6% of men, 0.4% of women
#097783 Tritanomaly 0.01% of the population

#0f7284 hex color

#0f7284 Color Information

#0f7284 Color Conversion

Color Schemes with #0f7284

Alternatives to #0f7284

#0f7284 Preview

Shades and Tints of #0f7284

Tones of #0f7284

Color Blindness Simulator