#38afe2 hex color

In a RGB color space, hex #38afe2 is composed of 22% red, 68.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 22.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 198 degrees, a saturation of 74.6% and a lightness of 55.3%. #38afe2 color hex could be obtained by blending #70ffff with #005fc5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 22
- G 69
- B 89
RGB color chart
- C 75
- M 23
- Y 0
- K 11
CMYK color chart

● #38afe2 color description : Bright blue.

The hexadecimal color #38afe2 has RGB values of R:56, G:175, B:226 and CMYK values of C:0.75, M:0.23, Y:0, K:0.11. Its decimal value is 3715042.

Hex triplet	38afe2	`#38afe2`
RGB Decimal	56, 175, 226	`rgb(56,175,226)`
RGB Percent	22, 68.6, 88.6	`rgb(22%,68.6%,88.6%)`
CMYK	75, 23, 0, 11
HSL	198°, 74.6, 55.3	`hsl(198,74.6%,55.3%)`
HSV (or HSB)	198°, 75.2, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.269, -15.914, -34.981
XYZ	30.685, 36.989, 77.47
xyY	0.211, 0.255, 36.989
CIE-LCH	67.269, 38.431, 245.538
CIE-LUV	67.269, -41.782, -53.634
Hunter-Lab	60.819, -16.374, -32.95
Binary	00111000, 10101111, 11100010

#38afe2
```
#38afe2 rgb(56,175,226)
```
#e26b38
```
#e26b38 rgb(226,107,56)
```

Complementary Color

#38e2c0
```
#38e2c0 rgb(56,226,192)
```
#38afe2
```
#38afe2 rgb(56,175,226)
```
#385ae2
```
#385ae2 rgb(56,90,226)
```

Analogous Color

#e2c038
```
#e2c038 rgb(226,192,56)
```
#38afe2
```
#38afe2 rgb(56,175,226)
```
#e2385a
```
#e2385a rgb(226,56,90)
```

Split Complementary Color

#afe238
```
#afe238 rgb(175,226,56)
```
#38afe2
```
#38afe2 rgb(56,175,226)
```
#e238af
```
#e238af rgb(226,56,175)
```

Triadic Color

#38e26b
```
#38e26b rgb(56,226,107)
```
#38afe2
```
#38afe2 rgb(56,175,226)
```
#e238af
```
#e238af rgb(226,56,175)
```
#e26b38
```
#e26b38 rgb(226,107,56)
```

Tetradic Color

#1a85b3
```
#1a85b3 rgb(26,133,179)
```
#1d96ca
```
#1d96ca rgb(29,150,202)
```
#22a6df
```
#22a6df rgb(34,166,223)
```
#38afe2
```
#38afe2 rgb(56,175,226)
```
#4eb8e5
```
#4eb8e5 rgb(78,184,229)
```
#65c1e8
```
#65c1e8 rgb(101,193,232)
```
#7bcaec
```
#7bcaec rgb(123,202,236)
```

Monochromatic Color

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

#38dae2
```
#38dae2 rgb(56,218,226)
```
#38cbe2
```
#38cbe2 rgb(56,203,226)
```
#38bde2
```
#38bde2 rgb(56,189,226)
```
#38afe2
```
#38afe2 rgb(56,175,226)
```
#38a1e2
```
#38a1e2 rgb(56,161,226)
```
#3893e2
```
#3893e2 rgb(56,147,226)
```
#3885e2
```
#3885e2 rgb(56,133,226)
```

Similar Colors

Text with hexadecimal color #38afe2

This text has a font color of #38afe2.

<span style="color:#38afe2;">Text here</span>

#38afe2 background color

This paragraph has a background color of #38afe2.

<p style="background-color:#38afe2;">Content here</p>

#38afe2 border color

This element has a border color of #38afe2.

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

CSS codes

.text {color:#38afe2;}

.background {background-color:#38afe2;}

.border {border:1px solid #38afe2;}

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

#010506
```
#010506 rgb(1,5,6)
```
#031218
```
#031218 rgb(3,18,24)
```
#061e29
```
#061e29 rgb(6,30,41)
```
#082b3a
```
#082b3a rgb(8,43,58)
```
#0b384b
```
#0b384b rgb(11,56,75)
```
#0d445c
```
#0d445c rgb(13,68,92)
```
#10516d
```
#10516d rgb(16,81,109)
```
#125e7e
```
#125e7e rgb(18,94,126)
```
#156b8f
```
#156b8f rgb(21,107,143)
```
#1777a1
```
#1777a1 rgb(23,119,161)
```
#1a84b2
```
#1a84b2 rgb(26,132,178)
```
#1c91c3
```
#1c91c3 rgb(28,145,195)
```
#1f9ed4
```
#1f9ed4 rgb(31,158,212)
```

Shade Color Variation

#27a8e0
```
#27a8e0 rgb(39,168,224)
```
#38afe2
```
#38afe2 rgb(56,175,226)
```
#49b6e4
```
#49b6e4 rgb(73,182,228)
```
#5abde7
```
#5abde7 rgb(90,189,231)
```
#6bc4e9
```
#6bc4e9 rgb(107,196,233)
```
#7ccbec
```
#7ccbec rgb(124,203,236)
```
#8ed1ee
```
#8ed1ee rgb(142,209,238)
```
#9fd8f1
```
#9fd8f1 rgb(159,216,241)
```
#b0dff3
```
#b0dff3 rgb(176,223,243)
```
#c1e6f6
```
#c1e6f6 rgb(193,230,246)
```
#d2edf8
```
#d2edf8 rgb(210,237,248)
```
#e3f4fb
```
#e3f4fb rgb(227,244,251)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878f93 is the less saturated color, while #1ebafc is the most saturated one.

#878f93
```
#878f93 rgb(135,143,147)
```
#7e939c
```
#7e939c rgb(126,147,156)
```
#7596a5
```
#7596a5 rgb(117,150,165)
```
#6d9aad
```
#6d9aad rgb(109,154,173)
```
#649db6
```
#649db6 rgb(100,157,182)
```
#5ba1bf
```
#5ba1bf rgb(91,161,191)
```
#52a4c8
```
#52a4c8 rgb(82,164,200)
```
#4aa8d0
```
#4aa8d0 rgb(74,168,208)
```
#41abd9
```
#41abd9 rgb(65,171,217)
```
#38afe2
```
#38afe2 rgb(56,175,226)
```
#2fb3eb
```
#2fb3eb rgb(47,179,235)
```
#26b6f4
```
#26b6f4 rgb(38,182,244)
```
#1ebafc
```
#1ebafc rgb(30,186,252)
```

Tone Color Variation

Below, you can see how #38afe2 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

#919191 Achromatopsia 0.005% of the population
#7f97a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a6da Protanopia 1% of men
#8ea7e8 Deuteranopia 1% of men
#13b8c6 Tritanopia 0.001% of the population

Trichromacy

#75a9dd Protanomaly 1% of men, 0.01% of women
#6fa9e6 Deuteranomaly 6% of men, 0.4% of women
#20b5d0 Tritanomaly 0.01% of the population

#38afe2 hex color

#38afe2 Color Information

#38afe2 Color Conversion

Color Schemes with #38afe2

Alternatives to #38afe2

#38afe2 Preview

Shades and Tints of #38afe2

Tones of #38afe2

Color Blindness Simulator