#138af2 hex color

In a RGB color space, hex #138af2 is composed of 7.5% red, 54.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 92.1% cyan, 43% magenta, 0% yellow and 5.1% black. It has a hue angle of 208 degrees, a saturation of 89.6% and a lightness of 51.2%. #138af2 color hex could be obtained by blending #26ffff with #0015e5. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 7
- G 54
- B 95
RGB color chart
- C 92
- M 43
- Y 0
- K 5
CMYK color chart

● #138af2 color description : Vivid blue.

The hexadecimal color #138af2 has RGB values of R:19, G:138, B:242 and CMYK values of C:0.92, M:0.43, Y:0, K:0.05. Its decimal value is 1280754.

Hex triplet	138af2	`#138af2`
RGB Decimal	19, 138, 242	`rgb(19,138,242)`
RGB Percent	7.5, 54.1, 94.9	`rgb(7.5%,54.1%,94.9%)`
CMYK	92, 43, 0, 5
HSL	208°, 89.6, 51.2	`hsl(208,89.6%,51.2%)`
HSV (or HSB)	208°, 92.1, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	56.805, 8.159, -60.369
XYZ	25.38, 24.724, 87.434
xyY	0.185, 0.18, 24.724
CIE-LCH	56.805, 60.918, 277.697
CIE-LUV	56.805, -32.255, -96.33
Hunter-Lab	49.723, 4.097, -69.45
Binary	00010011, 10001010, 11110010

#138af2
```
#138af2 rgb(19,138,242)
```
#f27b13
```
#f27b13 rgb(242,123,19)
```

Complementary Color

#13f2eb
```
#13f2eb rgb(19,242,235)
```
#138af2
```
#138af2 rgb(19,138,242)
```
#131bf2
```
#131bf2 rgb(19,27,242)
```

Analogous Color

#f2eb13
```
#f2eb13 rgb(242,235,19)
```
#138af2
```
#138af2 rgb(19,138,242)
```
#f2131b
```
#f2131b rgb(242,19,27)
```

Split Complementary Color

#8af213
```
#8af213 rgb(138,242,19)
```
#138af2
```
#138af2 rgb(19,138,242)
```
#f2138a
```
#f2138a rgb(242,19,138)
```

Triadic Color

#13f27b
```
#13f27b rgb(19,242,123)
```
#138af2
```
#138af2 rgb(19,138,242)
```
#f2138a
```
#f2138a rgb(242,19,138)
```
#f27b13
```
#f27b13 rgb(242,123,19)
```

Tetradic Color

#0a62af
```
#0a62af rgb(10,98,175)
```
#0b6fc7
```
#0b6fc7 rgb(11,111,199)
```
#0c7ddf
```
#0c7ddf rgb(12,125,223)
```
#138af2
```
#138af2 rgb(19,138,242)
```
#2b96f3
```
#2b96f3 rgb(43,150,243)
```
#43a2f5
```
#43a2f5 rgb(67,162,245)
```
#5caef6
```
#5caef6 rgb(92,174,246)
```

Monochromatic Color

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

#13c2f2
```
#13c2f2 rgb(19,194,242)
```
#13aff2
```
#13aff2 rgb(19,175,242)
```
#139df2
```
#139df2 rgb(19,157,242)
```
#138af2
```
#138af2 rgb(19,138,242)
```
#1377f2
```
#1377f2 rgb(19,119,242)
```
#1365f2
```
#1365f2 rgb(19,101,242)
```
#1352f2
```
#1352f2 rgb(19,82,242)
```

Similar Colors

Text with hexadecimal color #138af2

This text has a font color of #138af2.

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

#138af2 background color

This paragraph has a background color of #138af2.

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

#138af2 border color

This element has a border color of #138af2.

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

CSS codes

.text {color:#138af2;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010e18
```
#010e18 rgb(1,14,24)
```
#02182b
```
#02182b rgb(2,24,43)
```
#03223d
```
#03223d rgb(3,34,61)
```
#042d50
```
#042d50 rgb(4,45,80)
```
#053763
```
#053763 rgb(5,55,99)
```
#064275
```
#064275 rgb(6,66,117)
```
#074c88
```
#074c88 rgb(7,76,136)
```
#09569a
```
#09569a rgb(9,86,154)
```
#0a61ad
```
#0a61ad rgb(10,97,173)
```
#0b6bc0
```
#0b6bc0 rgb(11,107,192)
```
#0c76d2
```
#0c76d2 rgb(12,118,210)
```
#0d80e5
```
#0d80e5 rgb(13,128,229)
```

Shade Color Variation

#138af2
```
#138af2 rgb(19,138,242)
```
#2693f3
```
#2693f3 rgb(38,147,243)
```
#389cf4
```
#389cf4 rgb(56,156,244)
```
#4ba6f5
```
#4ba6f5 rgb(75,166,245)
```
#5daff6
```
#5daff6 rgb(93,175,246)
```
#70b8f7
```
#70b8f7 rgb(112,184,247)
```
#83c1f8
```
#83c1f8 rgb(131,193,248)
```
#95cbf9
```
#95cbf9 rgb(149,203,249)
```
#a8d4fa
```
#a8d4fa rgb(168,212,250)
```
#baddfb
```
#baddfb rgb(186,221,251)
```
#cde6fc
```
#cde6fc rgb(205,230,252)
```
#e0effd
```
#e0effd rgb(224,239,253)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8389 is the less saturated color, while #098bfc is the most saturated one.

#7c8389
```
#7c8389 rgb(124,131,137)
```
#738492
```
#738492 rgb(115,132,146)
```
#69849c
```
#69849c rgb(105,132,156)
```
#6085a5
```
#6085a5 rgb(96,133,165)
```
#5685af
```
#5685af rgb(86,133,175)
```
#4c86b9
```
#4c86b9 rgb(76,134,185)
```
#4387c2
```
#4387c2 rgb(67,135,194)
```
#3987cc
```
#3987cc rgb(57,135,204)
```
#3088d5
```
#3088d5 rgb(48,136,213)
```
#2689df
```
#2689df rgb(38,137,223)
```
#1d89e8
```
#1d89e8 rgb(29,137,232)
```
#138af2
```
#138af2 rgb(19,138,242)
```
#098bfc
```
#098bfc rgb(9,139,252)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5f778c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b8bee Protanopia 1% of men
#0090f1 Deuteranopia 1% of men
#009ca5 Tritanopia 0.001% of the population

Trichromacy

#418aef Protanomaly 1% of men, 0.01% of women
#068ef1 Deuteranomaly 6% of men, 0.4% of women
#0695c1 Tritanomaly 0.01% of the population

#138af2 hex color

#138af2 Color Information

#138af2 Color Conversion

Color Schemes with #138af2

Alternatives to #138af2

#138af2 Preview

Shades and Tints of #138af2

Tones of #138af2

Color Blindness Simulator