colorhexa.com

#0676a7 hex color

In a RGB color space, hex #0676a7 is composed of 2.4% red, 46.3% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 96.4% cyan, 29.3% magenta, 0% yellow and 34.5% black. It has a hue angle of 198.3 degrees, a saturation of 93.1% and a lightness of 33.9%. #0676a7 color hex could be obtained by blending #0cecff with #00004f. Closest websafe color is: #006699.

- R 2
- G 46
- B 65
RGB color chart
- C 96
- M 29
- Y 0
- K 35
CMYK color chart

● #0676a7 color description : Dark blue.

The hexadecimal color #0676a7 has RGB values of R:6, G:118, B:167 and CMYK values of C:0.96, M:0.29, Y:0, K:0.35. Its decimal value is 423591.

Hex triplet	0676a7	`#0676a7`
RGB Decimal	6, 118, 167	`rgb(6,118,167)`
RGB Percent	2.4, 46.3, 65.5	`rgb(2.4%,46.3%,65.5%)`
CMYK	96, 29, 0, 35
HSL	198.3°, 93.1, 33.9	`hsl(198.3,93.1%,33.9%)`
HSV (or HSB)	198.3°, 96.4, 65.5
Web Safe	006699	`#006699`

CIE-LAB	46.69, -9.167, -33.817
XYZ	13.527, 15.784, 38.891
xyY	0.198, 0.231, 15.784
CIE-LCH	46.69, 35.037, 254.833
CIE-LUV	46.69, -30.588, -49.297
Hunter-Lab	39.729, -8.752, -30.228
Binary	00000110, 01110110, 10100111

#0676a7
```
#0676a7 rgb(6,118,167)
```
#a73706
```
#a73706 rgb(167,55,6)
```

Complementary Color

#06a788
```
#06a788 rgb(6,167,136)
```
#0676a7
```
#0676a7 rgb(6,118,167)
```
#0626a7
```
#0626a7 rgb(6,38,167)
```

Analogous Color

#a78806
```
#a78806 rgb(167,136,6)
```
#0676a7
```
#0676a7 rgb(6,118,167)
```
#a70626
```
#a70626 rgb(167,6,38)
```

Split Complementary Color

#76a706
```
#76a706 rgb(118,167,6)
```
#0676a7
```
#0676a7 rgb(6,118,167)
```
#a70676
```
#a70676 rgb(167,6,118)
```

Triadic Color

#03425d
```
#03425d rgb(3,66,93)
```
#045376
```
#045376 rgb(4,83,118)
```
#05658e
```
#05658e rgb(5,101,142)
```
#0676a7
```
#0676a7 rgb(6,118,167)
```
#0787c0
```
#0787c0 rgb(7,135,192)
```
#0899d8
```
#0899d8 rgb(8,153,216)
```
#09aaf1
```
#09aaf1 rgb(9,170,241)
```

Monochromatic Color

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

#069ea7
```
#069ea7 rgb(6,158,167)
```
#0691a7
```
#0691a7 rgb(6,145,167)
```
#0683a7
```
#0683a7 rgb(6,131,167)
```
#0676a7
```
#0676a7 rgb(6,118,167)
```
#0669a7
```
#0669a7 rgb(6,105,167)
```
#065ba7
```
#065ba7 rgb(6,91,167)
```
#064ea7
```
#064ea7 rgb(6,78,167)
```

Similar Colors

Text with hexadecimal color #0676a7

This text has a font color of #0676a7.

<span style="color:#0676a7;">Text here</span>

#0676a7 background color

This paragraph has a background color of #0676a7.

<p style="background-color:#0676a7;">Content here</p>

#0676a7 border color

This element has a border color of #0676a7.

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

CSS codes

.text {color:#0676a7;}

.background {background-color:#0676a7;}

.border {border:1px solid #0676a7;}

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

#010b10
```
#010b10 rgb(1,11,16)
```
#011822
```
#011822 rgb(1,24,34)
```
#022635
```
#022635 rgb(2,38,53)
```
#033348
```
#033348 rgb(3,51,72)
```
#03405b
```
#03405b rgb(3,64,91)
```
#044e6e
```
#044e6e rgb(4,78,110)
```
#055b81
```
#055b81 rgb(5,91,129)
```
#056994
```
#056994 rgb(5,105,148)
```
#0676a7
```
#0676a7 rgb(6,118,167)
```
#0783ba
```
#0783ba rgb(7,131,186)
```
#0791cd
```
#0791cd rgb(7,145,205)
```
#089ee0
```
#089ee0 rgb(8,158,224)
```
#09acf3
```
#09acf3 rgb(9,172,243)
```

Shade Color Variation

#18b3f7
```
#18b3f7 rgb(24,179,247)
```
#2bb9f7
```
#2bb9f7 rgb(43,185,247)
```
#3ec0f8
```
#3ec0f8 rgb(62,192,248)
```
#51c6f9
```
#51c6f9 rgb(81,198,249)
```
#64ccf9
```
#64ccf9 rgb(100,204,249)
```
#77d2fa
```
#77d2fa rgb(119,210,250)
```
#8ad8fb
```
#8ad8fb rgb(138,216,251)
```
#9ddffb
```
#9ddffb rgb(157,223,251)
```
#b0e5fc
```
#b0e5fc rgb(176,229,252)
```
#c3ebfd
```
#c3ebfd rgb(195,235,253)
```
#d6f1fe
```
#d6f1fe rgb(214,241,254)
```
#e9f8fe
```
#e9f8fe rgb(233,248,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#565757
```
#565757 rgb(86,87,87)
```
#4f595e
```
#4f595e rgb(79,89,94)
```
#495c64
```
#495c64 rgb(73,92,100)
```
#425f6b
```
#425f6b rgb(66,95,107)
```
#3b6172
```
#3b6172 rgb(59,97,114)
```
#356478
```
#356478 rgb(53,100,120)
```
#2e667f
```
#2e667f rgb(46,102,127)
```
#276986
```
#276986 rgb(39,105,134)
```
#216c8c
```
#216c8c rgb(33,108,140)
```
#1a6e93
```
#1a6e93 rgb(26,110,147)
```
#13719a
```
#13719a rgb(19,113,154)
```
#0d73a0
```
#0d73a0 rgb(13,115,160)
```
#0676a7
```
#0676a7 rgb(6,118,167)
```

Tone Color Variation

Below, you can see how #0676a7 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

#5a5a5a Achromatopsia 0.005% of the population
#496069 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6574a5 Protanopia 1% of men
#5775ae Deuteranopia 1% of men
#00818a Tritanopia 0.001% of the population

Trichromacy

#4275a5 Protanomaly 1% of men, 0.01% of women
#3975ab Deuteranomaly 6% of men, 0.4% of women
#027d94 Tritanomaly 0.01% of the population