#138ac4 hex color

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

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

● #138ac4 color description : Strong blue.

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

Hex triplet	138ac4	`#138ac4`
RGB Decimal	19, 138, 196	`rgb(19,138,196)`
RGB Percent	7.5, 54.1, 76.9	`rgb(7.5%,54.1%,76.9%)`
CMYK	90, 30, 0, 23
HSL	199.7°, 82.3, 42.2	`hsl(199.7,82.3%,42.2%)`
HSV (or HSB)	199.7°, 90.3, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	54.343, -9.225, -38.489
XYZ	19.318, 22.299, 55.507
xyY	0.199, 0.23, 22.299
CIE-LCH	54.343, 39.579, 256.522
CIE-LUV	54.343, -34.85, -58.377
Hunter-Lab	47.222, -9.615, -36.638
Binary	00010011, 10001010, 11000100

#138ac4
```
#138ac4 rgb(19,138,196)
```
#c44d13
```
#c44d13 rgb(196,77,19)
```

Complementary Color

#13c4a6
```
#13c4a6 rgb(19,196,166)
```
#138ac4
```
#138ac4 rgb(19,138,196)
```
#1332c4
```
#1332c4 rgb(19,50,196)
```

Analogous Color

#c4a613
```
#c4a613 rgb(196,166,19)
```
#138ac4
```
#138ac4 rgb(19,138,196)
```
#c41332
```
#c41332 rgb(196,19,50)
```

Split Complementary Color

#8ac413
```
#8ac413 rgb(138,196,19)
```
#138ac4
```
#138ac4 rgb(19,138,196)
```
#c4138a
```
#c4138a rgb(196,19,138)
```

Triadic Color

#13c44d
```
#13c44d rgb(19,196,77)
```
#138ac4
```
#138ac4 rgb(19,138,196)
```
#c4138a
```
#c4138a rgb(196,19,138)
```
#c44d13
```
#c44d13 rgb(196,77,19)
```

Tetradic Color

#0c597e
```
#0c597e rgb(12,89,126)
```
#0e6996
```
#0e6996 rgb(14,105,150)
```
#117aad
```
#117aad rgb(17,122,173)
```
#138ac4
```
#138ac4 rgb(19,138,196)
```
#159adb
```
#159adb rgb(21,154,219)
```
#21a8e9
```
#21a8e9 rgb(33,168,233)
```
#38b1ec
```
#38b1ec rgb(56,177,236)
```

Monochromatic Color

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

#13b6c4
```
#13b6c4 rgb(19,182,196)
```
#13a8c4
```
#13a8c4 rgb(19,168,196)
```
#1399c4
```
#1399c4 rgb(19,153,196)
```
#138ac4
```
#138ac4 rgb(19,138,196)
```
#137bc4
```
#137bc4 rgb(19,123,196)
```
#136dc4
```
#136dc4 rgb(19,109,196)
```
#135ec4
```
#135ec4 rgb(19,94,196)
```

Similar Colors

Text with hexadecimal color #138ac4

This text has a font color of #138ac4.

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

#138ac4 background color

This paragraph has a background color of #138ac4.

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

#138ac4 border color

This element has a border color of #138ac4.

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

CSS codes

.text {color:#138ac4;}

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

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

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)
```
#052535
```
#052535 rgb(5,37,53)
```
#073247
```
#073247 rgb(7,50,71)
```
#093e59
```
#093e59 rgb(9,62,89)
```
#0a4b6b
```
#0a4b6b rgb(10,75,107)
```
#0c587c
```
#0c587c rgb(12,88,124)
```
#0e648e
```
#0e648e rgb(14,100,142)
```
#1071a0
```
#1071a0 rgb(16,113,160)
```
#117db2
```
#117db2 rgb(17,125,178)
```
#138ac4
```
#138ac4 rgb(19,138,196)
```
#1597d6
```
#1597d6 rgb(21,151,214)
```
#16a3e8
```
#16a3e8 rgb(22,163,232)
```

Shade Color Variation

#28aaea
```
#28aaea rgb(40,170,234)
```
#3ab1ec
```
#3ab1ec rgb(58,177,236)
```
#4bb8ee
```
#4bb8ee rgb(75,184,238)
```
#5dbfef
```
#5dbfef rgb(93,191,239)
```
#6fc7f1
```
#6fc7f1 rgb(111,199,241)
```
#81cef3
```
#81cef3 rgb(129,206,243)
```
#93d5f5
```
#93d5f5 rgb(147,213,245)
```
#a5dcf6
```
#a5dcf6 rgb(165,220,246)
```
#b7e3f8
```
#b7e3f8 rgb(183,227,248)
```
#c9eafa
```
#c9eafa rgb(201,234,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 #0290d5 is the most saturated one.

#666e71
```
#666e71 rgb(102,110,113)
```
#5d707a
```
#5d707a rgb(93,112,122)
```
#557382
```
#557382 rgb(85,115,130)
```
#4d768a
```
#4d768a rgb(77,118,138)
```
#457992
```
#457992 rgb(69,121,146)
```
#3c7c9b
```
#3c7c9b rgb(60,124,155)
```
#347fa3
```
#347fa3 rgb(52,127,163)
```
#2c81ab
```
#2c81ab rgb(44,129,171)
```
#2484b3
```
#2484b3 rgb(36,132,179)
```
#1b87bc
```
#1b87bc rgb(27,135,188)
```
#138ac4
```
#138ac4 rgb(19,138,196)
```
#0b8dcc
```
#0b8dcc rgb(11,141,204)
```
#0290d5
```
#0290d5 rgb(2,144,213)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5b737e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7486c0 Protanopia 1% of men
#6388ca Deuteranopia 1% of men
#00959f Tritanopia 0.001% of the population

Trichromacy

#5087c1 Protanomaly 1% of men, 0.01% of women
#4688c8 Deuteranomaly 6% of men, 0.4% of women
#0691ac Tritanomaly 0.01% of the population

#138ac4 hex color

#138ac4 Color Information

#138ac4 Color Conversion

Color Schemes with #138ac4

Alternatives to #138ac4

#138ac4 Preview

Shades and Tints of #138ac4

Tones of #138ac4

Color Blindness Simulator