#0a7297 hex color

In a RGB color space, hex #0a7297 is composed of 3.9% red, 44.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 93.4% cyan, 24.5% magenta, 0% yellow and 40.8% black. It has a hue angle of 195.7 degrees, a saturation of 87.6% and a lightness of 31.6%. #0a7297 color hex could be obtained by blending #14e4ff with #00002f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 4
- G 45
- B 59
RGB color chart
- C 93
- M 25
- Y 0
- K 41
CMYK color chart

● #0a7297 color description : Dark blue.

The hexadecimal color #0a7297 has RGB values of R:10, G:114, B:151 and CMYK values of C:0.93, M:0.25, Y:0, K:0.41. Its decimal value is 684695.

Hex triplet	0a7297	`#0a7297`
RGB Decimal	10, 114, 151	`rgb(10,114,151)`
RGB Percent	3.9, 44.7, 59.2	`rgb(3.9%,44.7%,59.2%)`
CMYK	93, 25, 0, 41
HSL	195.7°, 87.6, 31.6	`hsl(195.7,87.6%,31.6%)`
HSV (or HSB)	195.7°, 93.4, 59.2
Web Safe	006699	`#006699`

CIE-LAB	44.706, -12.748, -27.505
XYZ	11.727, 14.332, 31.425
xyY	0.204, 0.249, 14.332
CIE-LCH	44.706, 30.316, 245.134
CIE-LUV	44.706, -30.049, -38.635
Hunter-Lab	37.858, -10.96, -22.714
Binary	00001010, 01110010, 10010111

#0a7297
```
#0a7297 rgb(10,114,151)
```
#972f0a
```
#972f0a rgb(151,47,10)
```

Complementary Color

#0a9776
```
#0a9776 rgb(10,151,118)
```
#0a7297
```
#0a7297 rgb(10,114,151)
```
#0a2c97
```
#0a2c97 rgb(10,44,151)
```

Analogous Color

#97760a
```
#97760a rgb(151,118,10)
```
#0a7297
```
#0a7297 rgb(10,114,151)
```
#970a2c
```
#970a2c rgb(151,10,44)
```

Split Complementary Color

#72970a
```
#72970a rgb(114,151,10)
```
#0a7297
```
#0a7297 rgb(10,114,151)
```
#970a72
```
#970a72 rgb(151,10,114)
```

Triadic Color

#0a972f
```
#0a972f rgb(10,151,47)
```
#0a7297
```
#0a7297 rgb(10,114,151)
```
#970a72
```
#970a72 rgb(151,10,114)
```
#972f0a
```
#972f0a rgb(151,47,10)
```

Tetradic Color

#053c4f
```
#053c4f rgb(5,60,79)
```
#074e67
```
#074e67 rgb(7,78,103)
```
#08607f
```
#08607f rgb(8,96,127)
```
#0a7297
```
#0a7297 rgb(10,114,151)
```
#0c84af
```
#0c84af rgb(12,132,175)
```
#0d96c7
```
#0d96c7 rgb(13,150,199)
```
#0fa8df
```
#0fa8df rgb(15,168,223)
```

Monochromatic Color

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

#0a9597
```
#0a9597 rgb(10,149,151)
```
#0a8a97
```
#0a8a97 rgb(10,138,151)
```
#0a7e97
```
#0a7e97 rgb(10,126,151)
```
#0a7297
```
#0a7297 rgb(10,114,151)
```
#0a6697
```
#0a6697 rgb(10,102,151)
```
#0a5b97
```
#0a5b97 rgb(10,91,151)
```
#0a4f97
```
#0a4f97 rgb(10,79,151)
```

Similar Colors

Text with hexadecimal color #0a7297

This text has a font color of #0a7297.

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

#0a7297 background color

This paragraph has a background color of #0a7297.

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

#0a7297 border color

This element has a border color of #0a7297.

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

CSS codes

.text {color:#0a7297;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011116
```
#011116 rgb(1,17,22)
```
#031f29
```
#031f29 rgb(3,31,41)
```
#042d3b
```
#042d3b rgb(4,45,59)
```
#053a4d
```
#053a4d rgb(5,58,77)
```
#064860
```
#064860 rgb(6,72,96)
```
#085672
```
#085672 rgb(8,86,114)
```
#096485
```
#096485 rgb(9,100,133)
```
#0a7297
```
#0a7297 rgb(10,114,151)
```
#0b80a9
```
#0b80a9 rgb(11,128,169)
```
#0c8ebc
```
#0c8ebc rgb(12,142,188)
```
#0e9cce
```
#0e9cce rgb(14,156,206)
```
#0faae1
```
#0faae1 rgb(15,170,225)
```

Shade Color Variation

#14b6ef
```
#14b6ef rgb(20,182,239)
```
#26bbf1
```
#26bbf1 rgb(38,187,241)
```
#38c1f2
```
#38c1f2 rgb(56,193,242)
```
#4bc7f3
```
#4bc7f3 rgb(75,199,243)
```
#5dcdf4
```
#5dcdf4 rgb(93,205,244)
```
#70d2f6
```
#70d2f6 rgb(112,210,246)
```
#82d8f7
```
#82d8f7 rgb(130,216,247)
```
#94def8
```
#94def8 rgb(148,222,248)
```
#a7e4f9
```
#a7e4f9 rgb(167,228,249)
```
#b9e9fa
```
#b9e9fa rgb(185,233,250)
```
#cceffc
```
#cceffc rgb(204,239,252)
```
#def5fd
```
#def5fd rgb(222,245,253)
```
#f0fafe
```
#f0fafe rgb(240,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5253 is the less saturated color, while #04759d is the most saturated one.

#4e5253
```
#4e5253 rgb(78,82,83)
```
#485559
```
#485559 rgb(72,85,89)
```
#42585f
```
#42585f rgb(66,88,95)
```
#3c5a65
```
#3c5a65 rgb(60,90,101)
```
#355d6c
```
#355d6c rgb(53,93,108)
```
#2f6072
```
#2f6072 rgb(47,96,114)
```
#296378
```
#296378 rgb(41,99,120)
```
#23667e
```
#23667e rgb(35,102,126)
```
#1d6984
```
#1d6984 rgb(29,105,132)
```
#166c8b
```
#166c8b rgb(22,108,139)
```
#106f91
```
#106f91 rgb(16,111,145)
```
#0a7297
```
#0a7297 rgb(10,114,151)
```
#04759d
```
#04759d rgb(4,117,157)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#485c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#657096 Protanopia 1% of men
#5c709f Deuteranopia 1% of men
#007c85 Tritanopia 0.001% of the population

Trichromacy

#447096 Protanomaly 1% of men, 0.01% of women
#3e719c Deuteranomaly 6% of men, 0.4% of women
#03788b Tritanomaly 0.01% of the population

#0a7297 hex color

#0a7297 Color Information

#0a7297 Color Conversion

Color Schemes with #0a7297

Alternatives to #0a7297

#0a7297 Preview

Shades and Tints of #0a7297

Tones of #0a7297

Color Blindness Simulator