#38a5dd hex color

In a RGB color space, hex #38a5dd is composed of 22% red, 64.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 25.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 200.4 degrees, a saturation of 70.8% and a lightness of 54.3%. #38a5dd color hex could be obtained by blending #70ffff with #004bbb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 22
- G 65
- B 87
RGB color chart
- C 75
- M 25
- Y 0
- K 13
CMYK color chart

● #38a5dd color description : Bright blue.

The hexadecimal color #38a5dd has RGB values of R:56, G:165, B:221 and CMYK values of C:0.75, M:0.25, Y:0, K:0.13. Its decimal value is 3712477.

Hex triplet	38a5dd	`#38a5dd`
RGB Decimal	56, 165, 221	`rgb(56,165,221)`
RGB Percent	22, 64.7, 86.7	`rgb(22%,64.7%,86.7%)`
CMYK	75, 25, 0, 13
HSL	200.4°, 70.8, 54.3	`hsl(200.4,70.8%,54.3%)`
HSV (or HSB)	200.4°, 74.7, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.136, -12.191, -37.107
XYZ	28.134, 32.969, 73.284
xyY	0.209, 0.245, 32.969
CIE-LCH	64.136, 39.058, 251.812
CIE-LUV	64.136, -38.588, -57.298
Hunter-Lab	57.419, -13.022, -35.479
Binary	00111000, 10100101, 11011101

#38a5dd
```
#38a5dd rgb(56,165,221)
```
#dd7038
```
#dd7038 rgb(221,112,56)
```

Complementary Color

#38ddc3
```
#38ddc3 rgb(56,221,195)
```
#38a5dd
```
#38a5dd rgb(56,165,221)
```
#3853dd
```
#3853dd rgb(56,83,221)
```

Analogous Color

#ddc338
```
#ddc338 rgb(221,195,56)
```
#38a5dd
```
#38a5dd rgb(56,165,221)
```
#dd3852
```
#dd3852 rgb(221,56,82)
```

Split Complementary Color

#a5dd38
```
#a5dd38 rgb(165,221,56)
```
#38a5dd
```
#38a5dd rgb(56,165,221)
```
#dd38a5
```
#dd38a5 rgb(221,56,165)
```

Triadic Color

#38dd70
```
#38dd70 rgb(56,221,112)
```
#38a5dd
```
#38a5dd rgb(56,165,221)
```
#dd38a5
```
#dd38a5 rgb(221,56,165)
```
#dd7038
```
#dd7038 rgb(221,112,56)
```

Tetradic Color

#1d7bab
```
#1d7bab rgb(29,123,171)
```
#218bc1
```
#218bc1 rgb(33,139,193)
```
#259ad7
```
#259ad7 rgb(37,154,215)
```
#38a5dd
```
#38a5dd rgb(56,165,221)
```
#4eafe1
```
#4eafe1 rgb(78,175,225)
```
#64b9e4
```
#64b9e4 rgb(100,185,228)
```
#79c3e8
```
#79c3e8 rgb(121,195,232)
```

Monochromatic Color

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

#38cedd
```
#38cedd rgb(56,206,221)
```
#38c1dd
```
#38c1dd rgb(56,193,221)
```
#38b3dd
```
#38b3dd rgb(56,179,221)
```
#38a5dd
```
#38a5dd rgb(56,165,221)
```
#3897dd
```
#3897dd rgb(56,151,221)
```
#388add
```
#388add rgb(56,138,221)
```
#387cdd
```
#387cdd rgb(56,124,221)
```

Similar Colors

Text with hexadecimal color #38a5dd

This text has a font color of #38a5dd.

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

#38a5dd background color

This paragraph has a background color of #38a5dd.

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

#38a5dd border color

This element has a border color of #38a5dd.

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

CSS codes

.text {color:#38a5dd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030e13
```
#030e13 rgb(3,14,19)
```
#061a24
```
#061a24 rgb(6,26,36)
```
#092634
```
#092634 rgb(9,38,52)
```
#0c3245
```
#0c3245 rgb(12,50,69)
```
#0f3e56
```
#0f3e56 rgb(15,62,86)
```
#124a67
```
#124a67 rgb(18,74,103)
```
#145677
```
#145677 rgb(20,86,119)
```
#176288
```
#176288 rgb(23,98,136)
```
#1a6e99
```
#1a6e99 rgb(26,110,153)
```
#1d7aaa
```
#1d7aaa rgb(29,122,170)
```
#2086ba
```
#2086ba rgb(32,134,186)
```
#2392cb
```
#2392cb rgb(35,146,203)
```

Shade Color Variation

#279dda
```
#279dda rgb(39,157,218)
```
#38a5dd
```
#38a5dd rgb(56,165,221)
```
#49ade0
```
#49ade0 rgb(73,173,224)
```
#5ab4e3
```
#5ab4e3 rgb(90,180,227)
```
#6abce6
```
#6abce6 rgb(106,188,230)
```
#7bc3e8
```
#7bc3e8 rgb(123,195,232)
```
#8ccbeb
```
#8ccbeb rgb(140,203,235)
```
#9dd2ee
```
#9dd2ee rgb(157,210,238)
```
#addaf1
```
#addaf1 rgb(173,218,241)
```
#bee2f4
```
#bee2f4 rgb(190,226,244)
```
#cfe9f7
```
#cfe9f7 rgb(207,233,247)
```
#e0f1fa
```
#e0f1fa rgb(224,241,250)
```
#f0f8fc
```
#f0f8fc rgb(240,248,252)
```

Tint Color Variation

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

#898b8c
```
#898b8c rgb(137,139,140)
```
#808e95
```
#808e95 rgb(128,142,149)
```
#77919e
```
#77919e rgb(119,145,158)
```
#6e94a7
```
#6e94a7 rgb(110,148,167)
```
#6597b0
```
#6597b0 rgb(101,151,176)
```
#5c99b9
```
#5c99b9 rgb(92,153,185)
```
#539cc2
```
#539cc2 rgb(83,156,194)
```
#4a9fcb
```
#4a9fcb rgb(74,159,203)
```
#41a2d4
```
#41a2d4 rgb(65,162,212)
```
#38a5dd
```
#38a5dd rgb(56,165,221)
```
#2fa8e6
```
#2fa8e6 rgb(47,168,230)
```
#26abef
```
#26abef rgb(38,171,239)
```
#1daef8
```
#1daef8 rgb(29,174,248)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7a909b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9ed6 Protanopia 1% of men
#829fe2 Deuteranopia 1% of men
#00b0bd Tritanopia 0.001% of the population

Trichromacy

#6fa0d9 Protanomaly 1% of men, 0.01% of women
#67a1e0 Deuteranomaly 6% of men, 0.4% of women
#14acc8 Tritanomaly 0.01% of the population

#38a5dd hex color

#38a5dd Color Information

#38a5dd Color Conversion

Color Schemes with #38a5dd

Alternatives to #38a5dd

#38a5dd Preview

Shades and Tints of #38a5dd

Tones of #38a5dd

Color Blindness Simulator