#12677d hex color

In a RGB color space, hex #12677d is composed of 7.1% red, 40.4% green and 49% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 17.6% magenta, 0% yellow and 51% black. It has a hue angle of 192.3 degrees, a saturation of 74.8% and a lightness of 28%. #12677d color hex could be obtained by blending #24cefa with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 7
- G 40
- B 49
RGB color chart
- C 86
- M 18
- Y 0
- K 51
CMYK color chart

● #12677d color description : Dark cyan.

The hexadecimal color #12677d has RGB values of R:18, G:103, B:125 and CMYK values of C:0.86, M:0.18, Y:0, K:0.51. Its decimal value is 1206141.

Hex triplet	12677d	`#12677d`
RGB Decimal	18, 103, 125	`rgb(18,103,125)`
RGB Percent	7.1, 40.4, 49	`rgb(7.1%,40.4%,49%)`
CMYK	86, 18, 0, 51
HSL	192.3°, 74.8, 28	`hsl(192.3,74.8%,28%)`
HSV (or HSB)	192.3°, 85.6, 49
Web Safe	006666	`#006666`

CIE-LAB	40.096, -15.594, -19.056
XYZ	8.8, 11.309, 21.12
xyY	0.213, 0.274, 11.309
CIE-LCH	40.096, 24.623, 230.705
CIE-LUV	40.096, -27.238, -24.706
Hunter-Lab	33.629, -12.138, -13.696
Binary	00010010, 01100111, 01111101

#12677d
```
#12677d rgb(18,103,125)
```
#7d2812
```
#7d2812 rgb(125,40,18)
```

Complementary Color

#127d5e
```
#127d5e rgb(18,125,94)
```
#12677d
```
#12677d rgb(18,103,125)
```
#12327d
```
#12327d rgb(18,50,125)
```

Analogous Color

#7d5e12
```
#7d5e12 rgb(125,94,18)
```
#12677d
```
#12677d rgb(18,103,125)
```
#7d1232
```
#7d1232 rgb(125,18,50)
```

Split Complementary Color

#677d12
```
#677d12 rgb(103,125,18)
```
#12677d
```
#12677d rgb(18,103,125)
```
#7d1267
```
#7d1267 rgb(125,18,103)
```

Triadic Color

#127d28
```
#127d28 rgb(18,125,40)
```
#12677d
```
#12677d rgb(18,103,125)
```
#7d1267
```
#7d1267 rgb(125,18,103)
```
#7d2812
```
#7d2812 rgb(125,40,18)
```

Tetradic Color

#08303a
```
#08303a rgb(8,48,58)
```
#0c4250
```
#0c4250 rgb(12,66,80)
```
#0f5567
```
#0f5567 rgb(15,85,103)
```
#12677d
```
#12677d rgb(18,103,125)
```
#157993
```
#157993 rgb(21,121,147)
```
#188caa
```
#188caa rgb(24,140,170)
```
#1c9ec0
```
#1c9ec0 rgb(28,158,192)
```

Monochromatic Color

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

#127d78
```
#127d78 rgb(18,125,120)
```
#12797d
```
#12797d rgb(18,121,125)
```
#12707d
```
#12707d rgb(18,112,125)
```
#12677d
```
#12677d rgb(18,103,125)
```
#125e7d
```
#125e7d rgb(18,94,125)
```
#12557d
```
#12557d rgb(18,85,125)
```
#124c7d
```
#124c7d rgb(18,76,125)
```

Similar Colors

Text with hexadecimal color #12677d

This text has a font color of #12677d.

<span style="color:#12677d;">Text here</span>

#12677d background color

This paragraph has a background color of #12677d.

<p style="background-color:#12677d;">Content here</p>

#12677d border color

This element has a border color of #12677d.

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

CSS codes

.text {color:#12677d;}

.background {background-color:#12677d;}

.border {border:1px solid #12677d;}

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

#010405
```
#010405 rgb(1,4,5)
```
#031216
```
#031216 rgb(3,18,22)
```
#062027
```
#062027 rgb(6,32,39)
```
#082e38
```
#082e38 rgb(8,46,56)
```
#0b3d4a
```
#0b3d4a rgb(11,61,74)
```
#0d4b5b
```
#0d4b5b rgb(13,75,91)
```
#10596c
```
#10596c rgb(16,89,108)
```
#12677d
```
#12677d rgb(18,103,125)
```
#14758e
```
#14758e rgb(20,117,142)
```
#17839f
```
#17839f rgb(23,131,159)
```
#1991b0
```
#1991b0 rgb(25,145,176)
```
#1ca0c2
```
#1ca0c2 rgb(28,160,194)
```
#1eaed3
```
#1eaed3 rgb(30,174,211)
```

Shade Color Variation

#25b9e0
```
#25b9e0 rgb(37,185,224)
```
#36bfe2
```
#36bfe2 rgb(54,191,226)
```
#47c4e5
```
#47c4e5 rgb(71,196,229)
```
#59cae7
```
#59cae7 rgb(89,202,231)
```
#6acfe9
```
#6acfe9 rgb(106,207,233)
```
#7bd5ec
```
#7bd5ec rgb(123,213,236)
```
#8cdaee
```
#8cdaee rgb(140,218,238)
```
#9de0f1
```
#9de0f1 rgb(157,224,241)
```
#aee5f3
```
#aee5f3 rgb(174,229,243)
```
#bfebf6
```
#bfebf6 rgb(191,235,246)
```
#d1f0f8
```
#d1f0f8 rgb(209,240,248)
```
#e2f6fb
```
#e2f6fb rgb(226,246,251)
```
#f3fbfd
```
#f3fbfd rgb(243,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #444a4c is the less saturated color, while #01718e is the most saturated one.

#444a4c
```
#444a4c rgb(68,74,76)
```
#3e4d51
```
#3e4d51 rgb(62,77,81)
```
#395057
```
#395057 rgb(57,80,87)
```
#33545c
```
#33545c rgb(51,84,92)
```
#2e5762
```
#2e5762 rgb(46,87,98)
```
#285a67
```
#285a67 rgb(40,90,103)
```
#235d6d
```
#235d6d rgb(35,93,109)
```
#1d6172
```
#1d6172 rgb(29,97,114)
```
#186478
```
#186478 rgb(24,100,120)
```
#12677d
```
#12677d rgb(18,103,125)
```
#0d6a83
```
#0d6a83 rgb(13,106,131)
```
#076d88
```
#076d88 rgb(7,109,136)
```
#01718e
```
#01718e rgb(1,113,142)
```

Tone Color Variation

Below, you can see how #12677d 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

#505050 Achromatopsia 0.005% of the population
#445559 Atypical Achromatopsia 0.001% of the population

Dichromacy

#60657d Protanopia 1% of men
#5c6587 Deuteranopia 1% of men
#007079 Tritanopia 0.001% of the population

Trichromacy

#44667d Protanomaly 1% of men, 0.01% of women
#416683 Deuteranomaly 6% of men, 0.4% of women
#066d7a Tritanomaly 0.01% of the population

#12677d hex color

#12677d Color Information

#12677d Color Conversion

Color Schemes with #12677d

Alternatives to #12677d

#12677d Preview

Shades and Tints of #12677d

Tones of #12677d

Color Blindness Simulator