#38aacc hex color

In a RGB color space, hex #38aacc is composed of 22% red, 66.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 16.7% magenta, 0% yellow and 20% black. It has a hue angle of 193.8 degrees, a saturation of 59.2% and a lightness of 51%. #38aacc color hex could be obtained by blending #70ffff with #005599. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 22
- G 67
- B 80
RGB color chart
- C 73
- M 17
- Y 0
- K 20
CMYK color chart

● #38aacc color description : Moderate cyan.

The hexadecimal color #38aacc has RGB values of R:56, G:170, B:204 and CMYK values of C:0.73, M:0.17, Y:0, K:0.2. Its decimal value is 3713740.

Hex triplet	38aacc	`#38aacc`
RGB Decimal	56, 170, 204	`rgb(56,170,204)`
RGB Percent	22, 66.7, 80	`rgb(22%,66.7%,80%)`
CMYK	73, 17, 0, 20
HSL	193.8°, 59.2, 51	`hsl(193.8,59.2%,51%)`
HSV (or HSB)	193.8°, 72.5, 80
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.921, -20.512, -26.481
XYZ	26.902, 33.948, 62.258
xyY	0.219, 0.276, 33.948
CIE-LCH	64.921, 33.496, 232.239
CIE-LUV	64.921, -41.34, -38.56
Hunter-Lab	58.264, -19.546, -22.569
Binary	00111000, 10101010, 11001100

#38aacc
```
#38aacc rgb(56,170,204)
```
#cc5a38
```
#cc5a38 rgb(204,90,56)
```

Complementary Color

#38cca4
```
#38cca4 rgb(56,204,164)
```
#38aacc
```
#38aacc rgb(56,170,204)
```
#3860cc
```
#3860cc rgb(56,96,204)
```

Analogous Color

#cca438
```
#cca438 rgb(204,164,56)
```
#38aacc
```
#38aacc rgb(56,170,204)
```
#cc3860
```
#cc3860 rgb(204,56,96)
```

Split Complementary Color

#aacc38
```
#aacc38 rgb(170,204,56)
```
#38aacc
```
#38aacc rgb(56,170,204)
```
#cc38aa
```
#cc38aa rgb(204,56,170)
```

Triadic Color

#38cc5a
```
#38cc5a rgb(56,204,90)
```
#38aacc
```
#38aacc rgb(56,170,204)
```
#cc38aa
```
#cc38aa rgb(204,56,170)
```
#cc5a38
```
#cc5a38 rgb(204,90,56)
```

Tetradic Color

#257992
```
#257992 rgb(37,121,146)
```
#2b8aa6
```
#2b8aa6 rgb(43,138,166)
```
#309bbb
```
#309bbb rgb(48,155,187)
```
#38aacc
```
#38aacc rgb(56,170,204)
```
#4cb3d1
```
#4cb3d1 rgb(76,179,209)
```
#61bbd6
```
#61bbd6 rgb(97,187,214)
```
#75c4dc
```
#75c4dc rgb(117,196,220)
```

Monochromatic Color

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

#38ccc9
```
#38ccc9 rgb(56,204,201)
```
#38c3cc
```
#38c3cc rgb(56,195,204)
```
#38b6cc
```
#38b6cc rgb(56,182,204)
```
#38aacc
```
#38aacc rgb(56,170,204)
```
#389ecc
```
#389ecc rgb(56,158,204)
```
#3891cc
```
#3891cc rgb(56,145,204)
```
#3885cc
```
#3885cc rgb(56,133,204)
```

Similar Colors

Text with hexadecimal color #38aacc

This text has a font color of #38aacc.

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

#38aacc background color

This paragraph has a background color of #38aacc.

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

#38aacc border color

This element has a border color of #38aacc.

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

CSS codes

.text {color:#38aacc;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#051014
```
#051014 rgb(5,16,20)
```
#091d23
```
#091d23 rgb(9,29,35)
```
#0d2a33
```
#0d2a33 rgb(13,42,51)
```
#113742
```
#113742 rgb(17,55,66)
```
#154452
```
#154452 rgb(21,68,82)
```
#195162
```
#195162 rgb(25,81,98)
```
#1d5e71
```
#1d5e71 rgb(29,94,113)
```
#216b81
```
#216b81 rgb(33,107,129)
```
#257891
```
#257891 rgb(37,120,145)
```
#2985a0
```
#2985a0 rgb(41,133,160)
```
#2d92b0
```
#2d92b0 rgb(45,146,176)
```
#319fbf
```
#319fbf rgb(49,159,191)
```

Shade Color Variation

#38aacc
```
#38aacc rgb(56,170,204)
```
#48b1d0
```
#48b1d0 rgb(72,177,208)
```
#57b7d4
```
#57b7d4 rgb(87,183,212)
```
#67bed8
```
#67bed8 rgb(103,190,216)
```
#76c5dc
```
#76c5dc rgb(118,197,220)
```
#86cbe0
```
#86cbe0 rgb(134,203,224)
```
#96d2e4
```
#96d2e4 rgb(150,210,228)
```
#a5d9e8
```
#a5d9e8 rgb(165,217,232)
```
#b5dfec
```
#b5dfec rgb(181,223,236)
```
#c5e6f0
```
#c5e6f0 rgb(197,230,240)
```
#d4edf4
```
#d4edf4 rgb(212,237,244)
```
#e4f3f8
```
#e4f3f8 rgb(228,243,248)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

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

#7b8689
```
#7b8689 rgb(123,134,137)
```
#728b92
```
#728b92 rgb(114,139,146)
```
#68909c
```
#68909c rgb(104,144,156)
```
#5e95a6
```
#5e95a6 rgb(94,149,166)
```
#559aaf
```
#559aaf rgb(85,154,175)
```
#4ba0b9
```
#4ba0b9 rgb(75,160,185)
```
#42a5c2
```
#42a5c2 rgb(66,165,194)
```
#38aacc
```
#38aacc rgb(56,170,204)
```
#2eafd6
```
#2eafd6 rgb(46,175,214)
```
#25b4df
```
#25b4df rgb(37,180,223)
```
#1bbae9
```
#1bbae9 rgb(27,186,233)
```
#12bff2
```
#12bff2 rgb(18,191,242)
```
#08c4fc
```
#08c4fc rgb(8,196,252)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7b9299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a1c6 Protanopia 1% of men
#94a0d4 Deuteranopia 1% of men
#32b1be Tritanopia 0.001% of the population

Trichromacy

#75a4c8 Protanomaly 1% of men, 0.01% of women
#72a3d1 Deuteranomaly 6% of men, 0.4% of women
#34aec3 Tritanomaly 0.01% of the population

#38aacc hex color

#38aacc Color Information

#38aacc Color Conversion

Color Schemes with #38aacc

Alternatives to #38aacc

#38aacc Preview

Shades and Tints of #38aacc

Tones of #38aacc

Color Blindness Simulator