#138ad4 hex color

In a RGB color space, hex #138ad4 is composed of 7.5% red, 54.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 91% cyan, 34.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 203 degrees, a saturation of 83.5% and a lightness of 45.3%. #138ad4 color hex could be obtained by blending #26ffff with #0015a9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 7
- G 54
- B 83
RGB color chart
- C 91
- M 35
- Y 0
- K 17
CMYK color chart

● #138ad4 color description : Strong blue.

The hexadecimal color #138ad4 has RGB values of R:19, G:138, B:212 and CMYK values of C:0.91, M:0.35, Y:0, K:0.17. Its decimal value is 1280724.

Hex triplet	138ad4	`#138ad4`
RGB Decimal	19, 138, 212	`rgb(19,138,212)`
RGB Percent	7.5, 54.1, 83.1	`rgb(7.5%,54.1%,83.1%)`
CMYK	91, 35, 0, 17
HSL	203°, 83.5, 45.3	`hsl(203,83.5%,45.3%)`
HSV (or HSB)	203°, 91, 83.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	55.141, -3.235, -46.276
XYZ	21.238, 23.067, 65.617
xyY	0.193, 0.21, 23.067
CIE-LCH	55.141, 46.389, 266.001
CIE-LUV	55.141, -33.864, -71.904
Hunter-Lab	48.028, -5.117, -47.383
Binary	00010011, 10001010, 11010100

#138ad4
```
#138ad4 rgb(19,138,212)
```
#d45d13
```
#d45d13 rgb(212,93,19)
```

Complementary Color

#13d4be
```
#13d4be rgb(19,212,190)
```
#138ad4
```
#138ad4 rgb(19,138,212)
```
#132ad4
```
#132ad4 rgb(19,42,212)
```

Analogous Color

#d4be13
```
#d4be13 rgb(212,190,19)
```
#138ad4
```
#138ad4 rgb(19,138,212)
```
#d4132a
```
#d4132a rgb(212,19,42)
```

Split Complementary Color

#8ad413
```
#8ad413 rgb(138,212,19)
```
#138ad4
```
#138ad4 rgb(19,138,212)
```
#d4138a
```
#d4138a rgb(212,19,138)
```

Triadic Color

#13d45d
```
#13d45d rgb(19,212,93)
```
#138ad4
```
#138ad4 rgb(19,138,212)
```
#d4138a
```
#d4138a rgb(212,19,138)
```
#d45d13
```
#d45d13 rgb(212,93,19)
```

Tetradic Color

#0d5c8e
```
#0d5c8e rgb(13,92,142)
```
#0f6ca5
```
#0f6ca5 rgb(15,108,165)
```
#117bbd
```
#117bbd rgb(17,123,189)
```
#138ad4
```
#138ad4 rgb(19,138,212)
```
#1699ea
```
#1699ea rgb(22,153,234)
```
#2ea3ec
```
#2ea3ec rgb(46,163,236)
```
#45adee
```
#45adee rgb(69,173,238)
```

Monochromatic Color

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

#13bad4
```
#13bad4 rgb(19,186,212)
```
#13aad4
```
#13aad4 rgb(19,170,212)
```
#139ad4
```
#139ad4 rgb(19,154,212)
```
#138ad4
```
#138ad4 rgb(19,138,212)
```
#137ad4
```
#137ad4 rgb(19,122,212)
```
#136ad4
```
#136ad4 rgb(19,106,212)
```
#135ad4
```
#135ad4 rgb(19,90,212)
```

Similar Colors

Text with hexadecimal color #138ad4

This text has a font color of #138ad4.

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

#138ad4 background color

This paragraph has a background color of #138ad4.

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

#138ad4 border color

This element has a border color of #138ad4.

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

CSS codes

.text {color:#138ad4;}

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

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

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, #01090e is the darkest color, while #fbfdff is the lightest one.

#01090e
```
#01090e rgb(1,9,14)
```
#031520
```
#031520 rgb(3,21,32)
```
#042132
```
#042132 rgb(4,33,50)
```
#062c44
```
#062c44 rgb(6,44,68)
```
#083856
```
#083856 rgb(8,56,86)
```
#094468
```
#094468 rgb(9,68,104)
```
#0b4f7a
```
#0b4f7a rgb(11,79,122)
```
#0d5b8c
```
#0d5b8c rgb(13,91,140)
```
#0e679e
```
#0e679e rgb(14,103,158)
```
#1073b0
```
#1073b0 rgb(16,115,176)
```
#117ec2
```
#117ec2 rgb(17,126,194)
```
#138ad4
```
#138ad4 rgb(19,138,212)
```
#1596e6
```
#1596e6 rgb(21,150,230)
```

Shade Color Variation

#239eeb
```
#239eeb rgb(35,158,235)
```
#35a6ed
```
#35a6ed rgb(53,166,237)
```
#47aeef
```
#47aeef rgb(71,174,239)
```
#59b6f0
```
#59b6f0 rgb(89,182,240)
```
#6bbef2
```
#6bbef2 rgb(107,190,242)
```
#7dc6f3
```
#7dc6f3 rgb(125,198,243)
```
#8fcef5
```
#8fcef5 rgb(143,206,245)
```
#a1d6f7
```
#a1d6f7 rgb(161,214,247)
```
#b3def8
```
#b3def8 rgb(179,222,248)
```
#c5e6fa
```
#c5e6fa rgb(197,230,250)
```
#d7edfb
```
#d7edfb rgb(215,237,251)
```
#e9f5fd
```
#e9f5fd rgb(233,245,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c757b is the less saturated color, while #018ee6 is the most saturated one.

#6c757b
```
#6c757b rgb(108,117,123)
```
#637784
```
#637784 rgb(99,119,132)
```
#5a798d
```
#5a798d rgb(90,121,141)
```
#517b96
```
#517b96 rgb(81,123,150)
```
#487e9f
```
#487e9f rgb(72,126,159)
```
#3f80a8
```
#3f80a8 rgb(63,128,168)
```
#3782b0
```
#3782b0 rgb(55,130,176)
```
#2e84b9
```
#2e84b9 rgb(46,132,185)
```
#2586c2
```
#2586c2 rgb(37,134,194)
```
#1c88cb
```
#1c88cb rgb(28,136,203)
```
#138ad4
```
#138ad4 rgb(19,138,212)
```
#0a8cdd
```
#0a8cdd rgb(10,140,221)
```
#018ee6
```
#018ee6 rgb(1,142,230)
```

Tone Color Variation

Below, you can see how #138ad4 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
#5d7483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d88cf Protanopia 1% of men
#548bd8 Deuteranopia 1% of men
#0097a1 Tritanopia 0.001% of the population

Trichromacy

#4c88d1 Protanomaly 1% of men, 0.01% of women
#3c8ad6 Deuteranomaly 6% of men, 0.4% of women
#0692b4 Tritanomaly 0.01% of the population

#138ad4 hex color

#138ad4 Color Information

#138ad4 Color Conversion

Color Schemes with #138ad4

Alternatives to #138ad4

#138ad4 Preview

Shades and Tints of #138ad4

Tones of #138ad4

Color Blindness Simulator