#38b2bc hex color

In a RGB color space, hex #38b2bc is composed of 22% red, 69.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 5.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 184.5 degrees, a saturation of 54.1% and a lightness of 47.8%. #38b2bc color hex could be obtained by blending #70ffff with #006579. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 22
- G 70
- B 74
RGB color chart
- C 70
- M 5
- Y 0
- K 26
CMYK color chart

● #38b2bc color description : Moderate cyan.

The hexadecimal color #38b2bc has RGB values of R:56, G:178, B:188 and CMYK values of C:0.7, M:0.05, Y:0, K:0.26. Its decimal value is 3715772.

Hex triplet	38b2bc	`#38b2bc`
RGB Decimal	56, 178, 188	`rgb(56,178,188)`
RGB Percent	22, 69.8, 73.7	`rgb(22%,69.8%,73.7%)`
CMYK	70, 5, 0, 26
HSL	184.5°, 54.1, 47.8	`hsl(184.5,54.1%,47.8%)`
HSV (or HSB)	184.5°, 70.2, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.756, -29.549, -14.821
XYZ	26.626, 36.31, 53.179
xyY	0.229, 0.313, 36.31
CIE-LCH	66.756, 33.058, 206.637
CIE-LUV	66.756, -45.221, -18.378
Hunter-Lab	60.258, -26.578, -10.145
Binary	00111000, 10110010, 10111100

#38b2bc
```
#38b2bc rgb(56,178,188)
```
#bc4238
```
#bc4238 rgb(188,66,56)
```

Complementary Color

#38bc84
```
#38bc84 rgb(56,188,132)
```
#38b2bc
```
#38b2bc rgb(56,178,188)
```
#3870bc
```
#3870bc rgb(56,112,188)
```

Analogous Color

#bc8438
```
#bc8438 rgb(188,132,56)
```
#38b2bc
```
#38b2bc rgb(56,178,188)
```
#bc3870
```
#bc3870 rgb(188,56,112)
```

Split Complementary Color

#b2bc38
```
#b2bc38 rgb(178,188,56)
```
#38b2bc
```
#38b2bc rgb(56,178,188)
```
#bc38b2
```
#bc38b2 rgb(188,56,178)
```

Triadic Color

#38bc42
```
#38bc42 rgb(56,188,66)
```
#38b2bc
```
#38b2bc rgb(56,178,188)
```
#bc38b2
```
#bc38b2 rgb(188,56,178)
```
#bc4238
```
#bc4238 rgb(188,66,56)
```

Tetradic Color

#267a81
```
#267a81 rgb(38,122,129)
```
#2c8d95
```
#2c8d95 rgb(44,141,149)
```
#329fa8
```
#329fa8 rgb(50,159,168)
```
#38b2bc
```
#38b2bc rgb(56,178,188)
```
#46bec8
```
#46bec8 rgb(70,190,200)
```
#59c5ce
```
#59c5ce rgb(89,197,206)
```
#6dccd4
```
#6dccd4 rgb(109,204,212)
```

Monochromatic Color

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

#38bca5
```
#38bca5 rgb(56,188,165)
```
#38bcb0
```
#38bcb0 rgb(56,188,176)
```
#38bcbb
```
#38bcbb rgb(56,188,187)
```
#38b2bc
```
#38b2bc rgb(56,178,188)
```
#38a7bc
```
#38a7bc rgb(56,167,188)
```
#389cbc
```
#389cbc rgb(56,156,188)
```
#3891bc
```
#3891bc rgb(56,145,188)
```

Similar Colors

Text with hexadecimal color #38b2bc

This text has a font color of #38b2bc.

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

#38b2bc background color

This paragraph has a background color of #38b2bc.

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

#38b2bc border color

This element has a border color of #38b2bc.

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

CSS codes

.text {color:#38b2bc;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#061516
```
#061516 rgb(6,21,22)
```
#0b2325
```
#0b2325 rgb(11,35,37)
```
#0f3134
```
#0f3134 rgb(15,49,52)
```
#144043
```
#144043 rgb(20,64,67)
```
#184e52
```
#184e52 rgb(24,78,82)
```
#1d5c61
```
#1d5c61 rgb(29,92,97)
```
#216a70
```
#216a70 rgb(33,106,112)
```
#267980
```
#267980 rgb(38,121,128)
```
#2a878f
```
#2a878f rgb(42,135,143)
```
#2f959e
```
#2f959e rgb(47,149,158)
```
#33a4ad
```
#33a4ad rgb(51,164,173)
```
#38b2bc
```
#38b2bc rgb(56,178,188)
```

Shade Color Variation

#41bcc6
```
#41bcc6 rgb(65,188,198)
```
#50c2cb
```
#50c2cb rgb(80,194,203)
```
#5fc7cf
```
#5fc7cf rgb(95,199,207)
```
#6fccd4
```
#6fccd4 rgb(111,204,212)
```
#7ed2d8
```
#7ed2d8 rgb(126,210,216)
```
#8dd7dd
```
#8dd7dd rgb(141,215,221)
```
#9cdce1
```
#9cdce1 rgb(156,220,225)
```
#abe1e6
```
#abe1e6 rgb(171,225,230)
```
#bae7ea
```
#bae7ea rgb(186,231,234)
```
#c9ecef
```
#c9ecef rgb(201,236,239)
```
#d8f1f3
```
#d8f1f3 rgb(216,241,243)
```
#e7f7f8
```
#e7f7f8 rgb(231,247,248)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#7a7a7a
```
#7a7a7a rgb(122,122,122)
```
#708284
```
#708284 rgb(112,130,132)
```
#678a8d
```
#678a8d rgb(103,138,141)
```
#5e9296
```
#5e9296 rgb(94,146,150)
```
#549aa0
```
#549aa0 rgb(84,154,160)
```
#4ba2a9
```
#4ba2a9 rgb(75,162,169)
```
#41aab3
```
#41aab3 rgb(65,170,179)
```
#38b2bc
```
#38b2bc rgb(56,178,188)
```
#2fbac5
```
#2fbac5 rgb(47,186,197)
```
#25c2cf
```
#25c2cf rgb(37,194,207)
```
#1ccad8
```
#1ccad8 rgb(28,202,216)
```
#12d2e2
```
#12d2e2 rgb(18,210,226)
```
#09daeb
```
#09daeb rgb(9,218,235)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7e9698 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a6b6 Protanopia 1% of men
#a6a3c6 Deuteranopia 1% of men
#44b5c2 Tritanopia 0.001% of the population

Trichromacy

#7daab8 Protanomaly 1% of men, 0.01% of women
#7ea8c2 Deuteranomaly 6% of men, 0.4% of women
#40b4c0 Tritanomaly 0.01% of the population

#38b2bc hex color

#38b2bc Color Information

#38b2bc Color Conversion

Color Schemes with #38b2bc

Alternatives to #38b2bc

#38b2bc Preview

Shades and Tints of #38b2bc

Tones of #38b2bc

Color Blindness Simulator