#38bdd5 hex color

In a RGB color space, hex #38bdd5 is composed of 22% red, 74.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 11.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 189.2 degrees, a saturation of 65.1% and a lightness of 52.7%. #38bdd5 color hex could be obtained by blending #70ffff with #007bab. Closest websafe color is: #33cccc.

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

● #38bdd5 color description : Moderate cyan.

The hexadecimal color #38bdd5 has RGB values of R:56, G:189, B:213 and CMYK values of C:0.74, M:0.11, Y:0, K:0.16. Its decimal value is 3718613.

Hex triplet	38bdd5	`#38bdd5`
RGB Decimal	56, 189, 213	`rgb(56,189,213)`
RGB Percent	22, 74.1, 83.5	`rgb(22%,74.1%,83.5%)`
CMYK	74, 11, 0, 16
HSL	189.2°, 65.1, 52.7	`hsl(189.2,65.1%,52.7%)`
HSV (or HSB)	189.2°, 73.7, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.897, -27.316, -22.284
XYZ	31.835, 42.037, 69.383
xyY	0.222, 0.293, 42.037
CIE-LCH	70.897, 35.253, 219.207
CIE-LUV	70.897, -47.522, -31.097
Hunter-Lab	64.836, -25.817, -18.063
Binary	00111000, 10111101, 11010101

#38bdd5
```
#38bdd5 rgb(56,189,213)
```
#d55038
```
#d55038 rgb(213,80,56)
```

Complementary Color

#38d59f
```
#38d59f rgb(56,213,159)
```
#38bdd5
```
#38bdd5 rgb(56,189,213)
```
#386fd5
```
#386fd5 rgb(56,111,213)
```

Analogous Color

#d59f38
```
#d59f38 rgb(213,159,56)
```
#38bdd5
```
#38bdd5 rgb(56,189,213)
```
#d5386f
```
#d5386f rgb(213,56,111)
```

Split Complementary Color

#bdd538
```
#bdd538 rgb(189,213,56)
```
#38bdd5
```
#38bdd5 rgb(56,189,213)
```
#d538bd
```
#d538bd rgb(213,56,189)
```

Triadic Color

#38d550
```
#38d550 rgb(56,213,80)
```
#38bdd5
```
#38bdd5 rgb(56,189,213)
```
#d538bd
```
#d538bd rgb(213,56,189)
```
#d55038
```
#d55038 rgb(213,80,56)
```

Tetradic Color

#228c9f
```
#228c9f rgb(34,140,159)
```
#269eb4
```
#269eb4 rgb(38,158,180)
```
#2ab1c9
```
#2ab1c9 rgb(42,177,201)
```
#38bdd5
```
#38bdd5 rgb(56,189,213)
```
#4dc4d9
```
#4dc4d9 rgb(77,196,217)
```
#62cbde
```
#62cbde rgb(98,203,222)
```
#77d2e2
```
#77d2e2 rgb(119,210,226)
```

Monochromatic Color

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

#38d5c6
```
#38d5c6 rgb(56,213,198)
```
#38d5d3
```
#38d5d3 rgb(56,213,211)
```
#38cad5
```
#38cad5 rgb(56,202,213)
```
#38bdd5
```
#38bdd5 rgb(56,189,213)
```
#38b0d5
```
#38b0d5 rgb(56,176,213)
```
#38a3d5
```
#38a3d5 rgb(56,163,213)
```
#3896d5
```
#3896d5 rgb(56,150,213)
```

Similar Colors

Text with hexadecimal color #38bdd5

This text has a font color of #38bdd5.

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

#38bdd5 background color

This paragraph has a background color of #38bdd5.

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

#38bdd5 border color

This element has a border color of #38bdd5.

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

CSS codes

.text {color:#38bdd5;}

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

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

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

#020a0c
```
#020a0c rgb(2,10,12)
```
#06181c
```
#06181c rgb(6,24,28)
```
#09272c
```
#09272c rgb(9,39,44)
```
#0d353c
```
#0d353c rgb(13,53,60)
```
#10434c
```
#10434c rgb(16,67,76)
```
#14515d
```
#14515d rgb(20,81,93)
```
#17606d
```
#17606d rgb(23,96,109)
```
#1a6e7d
```
#1a6e7d rgb(26,110,125)
```
#1e7c8d
```
#1e7c8d rgb(30,124,141)
```
#218a9d
```
#218a9d rgb(33,138,157)
```
#2599ae
```
#2599ae rgb(37,153,174)
```
#28a7be
```
#28a7be rgb(40,167,190)
```
#2bb5ce
```
#2bb5ce rgb(43,181,206)
```

Shade Color Variation

#38bdd5
```
#38bdd5 rgb(56,189,213)
```
#48c2d8
```
#48c2d8 rgb(72,194,216)
```
#58c8dc
```
#58c8dc rgb(88,200,220)
```
#69cddf
```
#69cddf rgb(105,205,223)
```
#79d2e3
```
#79d2e3 rgb(121,210,227)
```
#89d8e6
```
#89d8e6 rgb(137,216,230)
```
#99ddea
```
#99ddea rgb(153,221,234)
```
#a9e3ed
```
#a9e3ed rgb(169,227,237)
```
#bae8f0
```
#bae8f0 rgb(186,232,240)
```
#caedf4
```
#caedf4 rgb(202,237,244)
```
#daf3f7
```
#daf3f7 rgb(218,243,247)
```
#eaf8fb
```
#eaf8fb rgb(234,248,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#828a8b
```
#828a8b rgb(130,138,139)
```
#799094
```
#799094 rgb(121,144,148)
```
#70969d
```
#70969d rgb(112,150,157)
```
#669da7
```
#669da7 rgb(102,157,167)
```
#5da3b0
```
#5da3b0 rgb(93,163,176)
```
#54aab9
```
#54aab9 rgb(84,170,185)
```
#4bb0c2
```
#4bb0c2 rgb(75,176,194)
```
#41b7cc
```
#41b7cc rgb(65,183,204)
```
#38bdd5
```
#38bdd5 rgb(56,189,213)
```
#2fc3de
```
#2fc3de rgb(47,195,222)
```
#25cae8
```
#25cae8 rgb(37,202,232)
```
#1cd0f1
```
#1cd0f1 rgb(28,208,241)
```
#13d7fa
```
#13d7fa rgb(19,215,250)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#859fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb0cd Protanopia 1% of men
#a9aedd Deuteranopia 1% of men
#3bc1cf Tritanopia 0.001% of the population

Trichromacy

#81b4d0 Protanomaly 1% of men, 0.01% of women
#80b3da Deuteranomaly 6% of men, 0.4% of women
#3abfd1 Tritanomaly 0.01% of the population

#38bdd5 hex color

#38bdd5 Color Information

#38bdd5 Color Conversion

Color Schemes with #38bdd5

Alternatives to #38bdd5

#38bdd5 Preview

Shades and Tints of #38bdd5

Tones of #38bdd5

Color Blindness Simulator