#12677c hex color

In a RGB color space, hex #12677c is composed of 7.1% red, 40.4% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 16.9% magenta, 0% yellow and 51.4% black. It has a hue angle of 191.9 degrees, a saturation of 74.6% and a lightness of 27.8%. #12677c color hex could be obtained by blending #24cef8 with #000000. Closest websafe color is: #006666.

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

● #12677c color description : Dark cyan.

The hexadecimal color #12677c has RGB values of R:18, G:103, B:124 and CMYK values of C:0.85, M:0.17, Y:0, K:0.51. Its decimal value is 1206140.

Hex triplet	12677c	`#12677c`
RGB Decimal	18, 103, 124	`rgb(18,103,124)`
RGB Percent	7.1, 40.4, 48.6	`rgb(7.1%,40.4%,48.6%)`
CMYK	85, 17, 0, 51
HSL	191.9°, 74.6, 27.8	`hsl(191.9,74.6%,27.8%)`
HSV (or HSB)	191.9°, 85.5, 48.6
Web Safe	006666	`#006666`

CIE-LAB	40.054, -15.959, -18.513
XYZ	8.737, 11.284, 20.785
xyY	0.214, 0.277, 11.284
CIE-LCH	40.054, 24.442, 229.238
CIE-LUV	40.054, -27.303, -23.854
Hunter-Lab	33.591, -12.357, -13.173
Binary	00010010, 01100111, 01111100

#12677c
```
#12677c rgb(18,103,124)
```
#7c2712
```
#7c2712 rgb(124,39,18)
```

Complementary Color

#127c5c
```
#127c5c rgb(18,124,92)
```
#12677c
```
#12677c rgb(18,103,124)
```
#12327c
```
#12327c rgb(18,50,124)
```

Analogous Color

#7c5c12
```
#7c5c12 rgb(124,92,18)
```
#12677c
```
#12677c rgb(18,103,124)
```
#7c1232
```
#7c1232 rgb(124,18,50)
```

Split Complementary Color

#677c12
```
#677c12 rgb(103,124,18)
```
#12677c
```
#12677c rgb(18,103,124)
```
#7c1267
```
#7c1267 rgb(124,18,103)
```

Triadic Color

#127c27
```
#127c27 rgb(18,124,39)
```
#12677c
```
#12677c rgb(18,103,124)
```
#7c1267
```
#7c1267 rgb(124,18,103)
```
#7c2712
```
#7c2712 rgb(124,39,18)
```

Tetradic Color

#083039
```
#083039 rgb(8,48,57)
```
#0c424f
```
#0c424f rgb(12,66,79)
```
#0f5566
```
#0f5566 rgb(15,85,102)
```
#12677c
```
#12677c rgb(18,103,124)
```
#157992
```
#157992 rgb(21,121,146)
```
#188ca9
```
#188ca9 rgb(24,140,169)
```
#1c9ebf
```
#1c9ebf rgb(28,158,191)
```

Monochromatic Color

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

#127c77
```
#127c77 rgb(18,124,119)
```
#12797c
```
#12797c rgb(18,121,124)
```
#12707c
```
#12707c rgb(18,112,124)
```
#12677c
```
#12677c rgb(18,103,124)
```
#125e7c
```
#125e7c rgb(18,94,124)
```
#12557c
```
#12557c rgb(18,85,124)
```
#124d7c
```
#124d7c rgb(18,77,124)
```

Similar Colors

Text with hexadecimal color #12677c

This text has a font color of #12677c.

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

#12677c background color

This paragraph has a background color of #12677c.

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

#12677c border color

This element has a border color of #12677c.

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

CSS codes

.text {color:#12677c;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#031215
```
#031215 rgb(3,18,21)
```
#062026
```
#062026 rgb(6,32,38)
```
#082e37
```
#082e37 rgb(8,46,55)
```
#0b3c49
```
#0b3c49 rgb(11,60,73)
```
#0d4b5a
```
#0d4b5a rgb(13,75,90)
```
#10596b
```
#10596b rgb(16,89,107)
```
#12677c
```
#12677c rgb(18,103,124)
```
#14758d
```
#14758d rgb(20,117,141)
```
#17839e
```
#17839e rgb(23,131,158)
```
#1992af
```
#1992af rgb(25,146,175)
```
#1ca0c1
```
#1ca0c1 rgb(28,160,193)
```
#1eaed2
```
#1eaed2 rgb(30,174,210)
```

Shade Color Variation

#24badf
```
#24badf rgb(36,186,223)
```
#36c0e2
```
#36c0e2 rgb(54,192,226)
```
#47c5e4
```
#47c5e4 rgb(71,197,228)
```
#58cae7
```
#58cae7 rgb(88,202,231)
```
#69d0e9
```
#69d0e9 rgb(105,208,233)
```
#7ad5ec
```
#7ad5ec rgb(122,213,236)
```
#8bdbee
```
#8bdbee rgb(139,219,238)
```
#9ce0f1
```
#9ce0f1 rgb(156,224,241)
```
#ade5f3
```
#ade5f3 rgb(173,229,243)
```
#bfebf6
```
#bfebf6 rgb(191,235,246)
```
#d0f0f8
```
#d0f0f8 rgb(208,240,248)
```
#e1f6fb
```
#e1f6fb rgb(225,246,251)
```
#f2fbfd
```
#f2fbfd rgb(242,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #43494b is the less saturated color, while #02718c is the most saturated one.

#43494b
```
#43494b rgb(67,73,75)
```
#3e4d50
```
#3e4d50 rgb(62,77,80)
```
#385056
```
#385056 rgb(56,80,86)
```
#33535b
```
#33535b rgb(51,83,91)
```
#2d5761
```
#2d5761 rgb(45,87,97)
```
#285a66
```
#285a66 rgb(40,90,102)
```
#225d6c
```
#225d6c rgb(34,93,108)
```
#1d6071
```
#1d6071 rgb(29,96,113)
```
#176477
```
#176477 rgb(23,100,119)
```
#12677c
```
#12677c rgb(18,103,124)
```
#0d6a81
```
#0d6a81 rgb(13,106,129)
```
#076e87
```
#076e87 rgb(7,110,135)
```
#02718c
```
#02718c rgb(2,113,140)
```

Tone Color Variation

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

#60657c Protanopia 1% of men
#5d6586 Deuteranopia 1% of men
#007078 Tritanopia 0.001% of the population

Trichromacy

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

#12677c hex color

#12677c Color Information

#12677c Color Conversion

Color Schemes with #12677c

Alternatives to #12677c

#12677c Preview

Shades and Tints of #12677c

Tones of #12677c

Color Blindness Simulator