#138ec4 hex color

In a RGB color space, hex #138ec4 is composed of 7.5% red, 55.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 27.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 198.3 degrees, a saturation of 82.3% and a lightness of 42.2%. #138ec4 color hex could be obtained by blending #26ffff with #001d89. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 56
- B 77
RGB color chart
- C 90
- M 28
- Y 0
- K 23
CMYK color chart

● #138ec4 color description : Strong blue.

The hexadecimal color #138ec4 has RGB values of R:19, G:142, B:196 and CMYK values of C:0.9, M:0.28, Y:0, K:0.23. Its decimal value is 1281732.

Hex triplet	138ec4	`#138ec4`
RGB Decimal	19, 142, 196	`rgb(19,142,196)`
RGB Percent	7.5, 55.7, 76.9	`rgb(7.5%,55.7%,76.9%)`
CMYK	90, 28, 0, 23
HSL	198.3°, 82.3, 42.2	`hsl(198.3,82.3%,42.2%)`
HSV (or HSB)	198.3°, 90.3, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.551, -11.498, -36.592
XYZ	19.903, 23.468, 55.702
xyY	0.201, 0.237, 23.468
CIE-LCH	55.551, 38.356, 252.556
CIE-LUV	55.551, -36.214, -55.245
Hunter-Lab	48.444, -11.441, -34.263
Binary	00010011, 10001110, 11000100

#138ec4
```
#138ec4 rgb(19,142,196)
```
#c44913
```
#c44913 rgb(196,73,19)
```

Complementary Color

#13c4a2
```
#13c4a2 rgb(19,196,162)
```
#138ec4
```
#138ec4 rgb(19,142,196)
```
#1336c4
```
#1336c4 rgb(19,54,196)
```

Analogous Color

#c4a213
```
#c4a213 rgb(196,162,19)
```
#138ec4
```
#138ec4 rgb(19,142,196)
```
#c41336
```
#c41336 rgb(196,19,54)
```

Split Complementary Color

#8ec413
```
#8ec413 rgb(142,196,19)
```
#138ec4
```
#138ec4 rgb(19,142,196)
```
#c4138e
```
#c4138e rgb(196,19,142)
```

Triadic Color

#13c449
```
#13c449 rgb(19,196,73)
```
#138ec4
```
#138ec4 rgb(19,142,196)
```
#c4138e
```
#c4138e rgb(196,19,142)
```
#c44913
```
#c44913 rgb(196,73,19)
```

Tetradic Color

#0c5b7e
```
#0c5b7e rgb(12,91,126)
```
#0e6c96
```
#0e6c96 rgb(14,108,150)
```
#117dad
```
#117dad rgb(17,125,173)
```
#138ec4
```
#138ec4 rgb(19,142,196)
```
#159fdb
```
#159fdb rgb(21,159,219)
```
#21ace9
```
#21ace9 rgb(33,172,233)
```
#38b5ec
```
#38b5ec rgb(56,181,236)
```

Monochromatic Color

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

#13bac4
```
#13bac4 rgb(19,186,196)
```
#13acc4
```
#13acc4 rgb(19,172,196)
```
#139dc4
```
#139dc4 rgb(19,157,196)
```
#138ec4
```
#138ec4 rgb(19,142,196)
```
#137fc4
```
#137fc4 rgb(19,127,196)
```
#1371c4
```
#1371c4 rgb(19,113,196)
```
#1362c4
```
#1362c4 rgb(19,98,196)
```

Similar Colors

Text with hexadecimal color #138ec4

This text has a font color of #138ec4.

<span style="color:#138ec4;">Text here</span>

#138ec4 background color

This paragraph has a background color of #138ec4.

<p style="background-color:#138ec4;">Content here</p>

#138ec4 border color

This element has a border color of #138ec4.

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

CSS codes

.text {color:#138ec4;}

.background {background-color:#138ec4;}

.border {border:1px solid #138ec4;}

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, #020c11 is the darkest color, while #feffff is the lightest one.

#020c11
```
#020c11 rgb(2,12,17)
```
#031923
```
#031923 rgb(3,25,35)
```
#052635
```
#052635 rgb(5,38,53)
```
#073347
```
#073347 rgb(7,51,71)
```
#094059
```
#094059 rgb(9,64,89)
```
#0a4d6b
```
#0a4d6b rgb(10,77,107)
```
#0c5a7c
```
#0c5a7c rgb(12,90,124)
```
#0e678e
```
#0e678e rgb(14,103,142)
```
#1074a0
```
#1074a0 rgb(16,116,160)
```
#1181b2
```
#1181b2 rgb(17,129,178)
```
#138ec4
```
#138ec4 rgb(19,142,196)
```
#159bd6
```
#159bd6 rgb(21,155,214)
```
#16a8e8
```
#16a8e8 rgb(22,168,232)
```

Shade Color Variation

#28afea
```
#28afea rgb(40,175,234)
```
#3ab5ec
```
#3ab5ec rgb(58,181,236)
```
#4bbcee
```
#4bbcee rgb(75,188,238)
```
#5dc3ef
```
#5dc3ef rgb(93,195,239)
```
#6fc9f1
```
#6fc9f1 rgb(111,201,241)
```
#81d0f3
```
#81d0f3 rgb(129,208,243)
```
#93d7f5
```
#93d7f5 rgb(147,215,245)
```
#a5ddf6
```
#a5ddf6 rgb(165,221,246)
```
#b7e4f8
```
#b7e4f8 rgb(183,228,248)
```
#c9ebfa
```
#c9ebfa rgb(201,235,250)
```
#dbf1fb
```
#dbf1fb rgb(219,241,251)
```
#ecf8fd
```
#ecf8fd rgb(236,248,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666e71 is the less saturated color, while #0294d5 is the most saturated one.

#666e71
```
#666e71 rgb(102,110,113)
```
#5d717a
```
#5d717a rgb(93,113,122)
```
#557482
```
#557482 rgb(85,116,130)
```
#4d778a
```
#4d778a rgb(77,119,138)
```
#457b92
```
#457b92 rgb(69,123,146)
```
#3c7e9b
```
#3c7e9b rgb(60,126,155)
```
#3481a3
```
#3481a3 rgb(52,129,163)
```
#2c84ab
```
#2c84ab rgb(44,132,171)
```
#2488b3
```
#2488b3 rgb(36,136,179)
```
#1b8bbc
```
#1b8bbc rgb(27,139,188)
```
#138ec4
```
#138ec4 rgb(19,142,196)
```
#0b91cc
```
#0b91cc rgb(11,145,204)
```
#0294d5
```
#0294d5 rgb(2,148,213)
```

Tone Color Variation

Below, you can see how #138ec4 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

#6f6f6f Achromatopsia 0.005% of the population
#5d7580 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7989bf Protanopia 1% of men
#6a8aca Deuteranopia 1% of men
#0099a3 Tritanopia 0.001% of the population

Trichromacy

#548bc1 Protanomaly 1% of men, 0.01% of women
#4a8cc8 Deuteranomaly 6% of men, 0.4% of women
#0695af Tritanomaly 0.01% of the population

#138ec4 hex color

#138ec4 Color Information

#138ec4 Color Conversion

Color Schemes with #138ec4

Alternatives to #138ec4

#138ec4 Preview

Shades and Tints of #138ec4

Tones of #138ec4

Color Blindness Simulator