#38a5d5 hex color

In a RGB color space, hex #38a5d5 is composed of 22% red, 64.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 22.5% magenta, 0% yellow and 16.5% black. It has a hue angle of 198.3 degrees, a saturation of 65.1% and a lightness of 52.7%. #38a5d5 color hex could be obtained by blending #70ffff with #004bab. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 22
- G 65
- B 84
RGB color chart
- C 74
- M 23
- Y 0
- K 16
CMYK color chart

● #38a5d5 color description : Moderate blue.

The hexadecimal color #38a5d5 has RGB values of R:56, G:165, B:213 and CMYK values of C:0.74, M:0.23, Y:0, K:0.16. Its decimal value is 3712469.

Hex triplet	38a5d5	`#38a5d5`
RGB Decimal	56, 165, 213	`rgb(56,165,213)`
RGB Percent	22, 64.7, 83.5	`rgb(22%,64.7%,83.5%)`
CMYK	74, 23, 0, 16
HSL	198.3°, 65.1, 52.7	`hsl(198.3,65.1%,52.7%)`
HSV (or HSB)	198.3°, 73.7, 83.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.797, -14.892, -33.207
XYZ	27.093, 32.553, 67.803
xyY	0.213, 0.255, 32.553
CIE-LCH	63.797, 36.393, 245.846
CIE-LUV	63.797, -39.038, -50.378
Hunter-Lab	57.055, -15.084, -30.52
Binary	00111000, 10100101, 11010101

#38a5d5
```
#38a5d5 rgb(56,165,213)
```
#d56838
```
#d56838 rgb(213,104,56)
```

Complementary Color

#38d5b7
```
#38d5b7 rgb(56,213,183)
```
#38a5d5
```
#38a5d5 rgb(56,165,213)
```
#3857d5
```
#3857d5 rgb(56,87,213)
```

Analogous Color

#d5b738
```
#d5b738 rgb(213,183,56)
```
#38a5d5
```
#38a5d5 rgb(56,165,213)
```
#d53857
```
#d53857 rgb(213,56,87)
```

Split Complementary Color

#a5d538
```
#a5d538 rgb(165,213,56)
```
#38a5d5
```
#38a5d5 rgb(56,165,213)
```
#d538a5
```
#d538a5 rgb(213,56,165)
```

Triadic Color

#38d568
```
#38d568 rgb(56,213,104)
```
#38a5d5
```
#38a5d5 rgb(56,165,213)
```
#d538a5
```
#d538a5 rgb(213,56,165)
```
#d56838
```
#d56838 rgb(213,104,56)
```

Tetradic Color

#22799f
```
#22799f rgb(34,121,159)
```
#2689b4
```
#2689b4 rgb(38,137,180)
```
#2a99c9
```
#2a99c9 rgb(42,153,201)
```
#38a5d5
```
#38a5d5 rgb(56,165,213)
```
#4dafd9
```
#4dafd9 rgb(77,175,217)
```
#62b8de
```
#62b8de rgb(98,184,222)
```
#77c2e2
```
#77c2e2 rgb(119,194,226)
```

Monochromatic Color

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

#38ccd5
```
#38ccd5 rgb(56,204,213)
```
#38bfd5
```
#38bfd5 rgb(56,191,213)
```
#38b2d5
```
#38b2d5 rgb(56,178,213)
```
#38a5d5
```
#38a5d5 rgb(56,165,213)
```
#3898d5
```
#3898d5 rgb(56,152,213)
```
#388bd5
```
#388bd5 rgb(56,139,213)
```
#387ed5
```
#387ed5 rgb(56,126,213)
```

Similar Colors

Text with hexadecimal color #38a5d5

This text has a font color of #38a5d5.

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

#38a5d5 background color

This paragraph has a background color of #38a5d5.

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

#38a5d5 border color

This element has a border color of #38a5d5.

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

CSS codes

.text {color:#38a5d5;}

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

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

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, #02090c is the darkest color, while #fafdfe is the lightest one.

#02090c
```
#02090c rgb(2,9,12)
```
#06151c
```
#06151c rgb(6,21,28)
```
#09212c
```
#09212c rgb(9,33,44)
```
#0d2e3c
```
#0d2e3c rgb(13,46,60)
```
#103a4c
```
#103a4c rgb(16,58,76)
```
#14465d
```
#14465d rgb(20,70,93)
```
#17536d
```
#17536d rgb(23,83,109)
```
#1a5f7d
```
#1a5f7d rgb(26,95,125)
```
#1e6b8d
```
#1e6b8d rgb(30,107,141)
```
#21779d
```
#21779d rgb(33,119,157)
```
#2584ae
```
#2584ae rgb(37,132,174)
```
#2890be
```
#2890be rgb(40,144,190)
```
#2b9cce
```
#2b9cce rgb(43,156,206)
```

Shade Color Variation

#38a5d5
```
#38a5d5 rgb(56,165,213)
```
#48acd8
```
#48acd8 rgb(72,172,216)
```
#58b4dc
```
#58b4dc rgb(88,180,220)
```
#69bbdf
```
#69bbdf rgb(105,187,223)
```
#79c2e3
```
#79c2e3 rgb(121,194,227)
```
#89cae6
```
#89cae6 rgb(137,202,230)
```
#99d1ea
```
#99d1ea rgb(153,209,234)
```
#a9d8ed
```
#a9d8ed rgb(169,216,237)
```
#bae0f0
```
#bae0f0 rgb(186,224,240)
```
#cae7f4
```
#cae7f4 rgb(202,231,244)
```
#daeef7
```
#daeef7 rgb(218,238,247)
```
#eaf6fb
```
#eaf6fb rgb(234,246,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82888b is the less saturated color, while #13b3fa is the most saturated one.

#82888b
```
#82888b rgb(130,136,139)
```
#798c94
```
#798c94 rgb(121,140,148)
```
#708f9d
```
#708f9d rgb(112,143,157)
```
#6693a7
```
#6693a7 rgb(102,147,167)
```
#5d97b0
```
#5d97b0 rgb(93,151,176)
```
#549ab9
```
#549ab9 rgb(84,154,185)
```
#4b9ec2
```
#4b9ec2 rgb(75,158,194)
```
#41a1cc
```
#41a1cc rgb(65,161,204)
```
#38a5d5
```
#38a5d5 rgb(56,165,213)
```
#2fa9de
```
#2fa9de rgb(47,169,222)
```
#25ace8
```
#25ace8 rgb(37,172,232)
```
#1cb0f1
```
#1cb0f1 rgb(28,176,241)
```
#13b3fa
```
#13b3fa rgb(19,179,250)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7a8f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#919dcf Protanopia 1% of men
#879edb Deuteranopia 1% of men
#20aebb Tritanopia 0.001% of the population

Trichromacy

#70a0d1 Protanomaly 1% of men, 0.01% of women
#6aa0d9 Deuteranomaly 6% of men, 0.4% of women
#28abc4 Tritanomaly 0.01% of the population

#38a5d5 hex color

#38a5d5 Color Information

#38a5d5 Color Conversion

Color Schemes with #38a5d5

Alternatives to #38a5d5

#38a5d5 Preview

Shades and Tints of #38a5d5

Tones of #38a5d5

Color Blindness Simulator