#12688f hex color

In a RGB color space, hex #12688f is composed of 7.1% red, 40.8% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 27.3% magenta, 0% yellow and 43.9% black. It has a hue angle of 198.7 degrees, a saturation of 77.6% and a lightness of 31.6%. #12688f color hex could be obtained by blending #24d0ff with #00001f. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 7
- G 41
- B 56
RGB color chart
- C 87
- M 27
- Y 0
- K 44
CMYK color chart

● #12688f color description : Dark blue.

The hexadecimal color #12688f has RGB values of R:18, G:104, B:143 and CMYK values of C:0.87, M:0.27, Y:0, K:0.44. Its decimal value is 1206415.

Hex triplet	12688f	`#12688f`
RGB Decimal	18, 104, 143	`rgb(18,104,143)`
RGB Percent	7.1, 40.8, 56.1	`rgb(7.1%,40.8%,56.1%)`
CMYK	87, 27, 0, 44
HSL	198.7°, 77.6, 31.6	`hsl(198.7,77.6%,31.6%)`
HSV (or HSB)	198.7°, 87.4, 56.1
Web Safe	006699	`#006699`

CIE-LAB	41.234, -9.433, -28.151
XYZ	10.156, 12.011, 27.768
xyY	0.203, 0.241, 12.011
CIE-LCH	41.234, 29.69, 251.476
CIE-LUV	41.234, -26.466, -39.276
Hunter-Lab	34.658, -8.341, -23.244
Binary	00010010, 01101000, 10001111

#12688f
```
#12688f rgb(18,104,143)
```
#8f3912
```
#8f3912 rgb(143,57,18)
```

Complementary Color

#128f78
```
#128f78 rgb(18,143,120)
```
#12688f
```
#12688f rgb(18,104,143)
```
#122a8f
```
#122a8f rgb(18,42,143)
```

Analogous Color

#8f7812
```
#8f7812 rgb(143,120,18)
```
#12688f
```
#12688f rgb(18,104,143)
```
#8f1229
```
#8f1229 rgb(143,18,41)
```

Split Complementary Color

#688f12
```
#688f12 rgb(104,143,18)
```
#12688f
```
#12688f rgb(18,104,143)
```
#8f1268
```
#8f1268 rgb(143,18,104)
```

Triadic Color

#128f39
```
#128f39 rgb(18,143,57)
```
#12688f
```
#12688f rgb(18,104,143)
```
#8f1268
```
#8f1268 rgb(143,18,104)
```
#8f3912
```
#8f3912 rgb(143,57,18)
```

Tetradic Color

#09374b
```
#09374b rgb(9,55,75)
```
#0c4762
```
#0c4762 rgb(12,71,98)
```
#0f5878
```
#0f5878 rgb(15,88,120)
```
#12688f
```
#12688f rgb(18,104,143)
```
#1578a6
```
#1578a6 rgb(21,120,166)
```
#1889bc
```
#1889bc rgb(24,137,188)
```
#1b99d3
```
#1b99d3 rgb(27,153,211)
```

Monochromatic Color

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

#12878f
```
#12878f rgb(18,135,143)
```
#127d8f
```
#127d8f rgb(18,125,143)
```
#12728f
```
#12728f rgb(18,114,143)
```
#12688f
```
#12688f rgb(18,104,143)
```
#125e8f
```
#125e8f rgb(18,94,143)
```
#12538f
```
#12538f rgb(18,83,143)
```
#12498f
```
#12498f rgb(18,73,143)
```

Similar Colors

Text with hexadecimal color #12688f

This text has a font color of #12688f.

<span style="color:#12688f;">Text here</span>

#12688f background color

This paragraph has a background color of #12688f.

<p style="background-color:#12688f;">Content here</p>

#12688f border color

This element has a border color of #12688f.

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

CSS codes

.text {color:#12688f;}

.background {background-color:#12688f;}

.border {border:1px solid #12688f;}

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 #f1f9fd is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#030f15
```
#030f15 rgb(3,15,21)
```
#051c26
```
#051c26 rgb(5,28,38)
```
#072938
```
#072938 rgb(7,41,56)
```
#093549
```
#093549 rgb(9,53,73)
```
#0b425b
```
#0b425b rgb(11,66,91)
```
#0e4f6c
```
#0e4f6c rgb(14,79,108)
```
#105b7e
```
#105b7e rgb(16,91,126)
```
#12688f
```
#12688f rgb(18,104,143)
```
#1475a0
```
#1475a0 rgb(20,117,160)
```
#1681b2
```
#1681b2 rgb(22,129,178)
```
#198ec3
```
#198ec3 rgb(25,142,195)
```
#1b9bd5
```
#1b9bd5 rgb(27,155,213)
```

Shade Color Variation

#20a6e3
```
#20a6e3 rgb(32,166,227)
```
#32ade5
```
#32ade5 rgb(50,173,229)
```
#43b4e7
```
#43b4e7 rgb(67,180,231)
```
#54bbea
```
#54bbea rgb(84,187,234)
```
#66c2ec
```
#66c2ec rgb(102,194,236)
```
#77c9ee
```
#77c9ee rgb(119,201,238)
```
#89d0f0
```
#89d0f0 rgb(137,208,240)
```
#9ad7f2
```
#9ad7f2 rgb(154,215,242)
```
#acdef4
```
#acdef4 rgb(172,222,244)
```
#bde5f7
```
#bde5f7 rgb(189,229,247)
```
#ceecf9
```
#ceecf9 rgb(206,236,249)
```
#e0f3fb
```
#e0f3fb rgb(224,243,251)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

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

#505151
```
#505151 rgb(80,81,81)
```
#4a5357
```
#4a5357 rgb(74,83,87)
```
#44555d
```
#44555d rgb(68,85,93)
```
#3d5864
```
#3d5864 rgb(61,88,100)
```
#375a6a
```
#375a6a rgb(55,90,106)
```
#315c70
```
#315c70 rgb(49,92,112)
```
#2b5f76
```
#2b5f76 rgb(43,95,118)
```
#25617c
```
#25617c rgb(37,97,124)
```
#1e6383
```
#1e6383 rgb(30,99,131)
```
#186689
```
#186689 rgb(24,102,137)
```
#12688f
```
#12688f rgb(18,104,143)
```
#0c6a95
```
#0c6a95 rgb(12,106,149)
```
#066d9b
```
#066d9b rgb(6,109,155)
```

Tone Color Variation

Below, you can see how #12688f 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

#535353 Achromatopsia 0.005% of the population
#46575f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c688f Protanopia 1% of men
#526897 Deuteranopia 1% of men
#00737b Tritanopia 0.001% of the population

Trichromacy

#41688f Protanomaly 1% of men, 0.01% of women
#3b6894 Deuteranomaly 6% of men, 0.4% of women
#066f82 Tritanomaly 0.01% of the population

#12688f hex color

#12688f Color Information

#12688f Color Conversion

Color Schemes with #12688f

Alternatives to #12688f

#12688f Preview

Shades and Tints of #12688f

Tones of #12688f

Color Blindness Simulator