#38b4bb hex color

In a RGB color space, hex #38b4bb is composed of 22% red, 70.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 3.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 183.2 degrees, a saturation of 53.9% and a lightness of 47.6%. #38b4bb color hex could be obtained by blending #70ffff with #006977. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 22
- G 71
- B 73
RGB color chart
- C 70
- M 4
- Y 0
- K 27
CMYK color chart

● #38b4bb color description : Moderate cyan.

The hexadecimal color #38b4bb has RGB values of R:56, G:180, B:187 and CMYK values of C:0.7, M:0.04, Y:0, K:0.27. Its decimal value is 3716283.

Hex triplet	38b4bb	`#38b4bb`
RGB Decimal	56, 180, 187	`rgb(56,180,187)`
RGB Percent	22, 70.6, 73.3	`rgb(22%,70.6%,73.3%)`
CMYK	70, 4, 0, 27
HSL	183.2°, 53.9, 47.6	`hsl(183.2,53.9%,47.6%)`
HSV (or HSB)	183.2°, 70.1, 73.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.329, -30.819, -13.406
XYZ	26.919, 37.069, 52.747
xyY	0.231, 0.318, 37.069
CIE-LCH	67.329, 33.609, 203.509
CIE-LUV	67.329, -46.009, -15.952
Hunter-Lab	60.884, -27.626, -8.747
Binary	00111000, 10110100, 10111011

#38b4bb
```
#38b4bb rgb(56,180,187)
```
#bb3f38
```
#bb3f38 rgb(187,63,56)
```

Complementary Color

#38bb81
```
#38bb81 rgb(56,187,129)
```
#38b4bb
```
#38b4bb rgb(56,180,187)
```
#3873bb
```
#3873bb rgb(56,115,187)
```

Analogous Color

#bb8138
```
#bb8138 rgb(187,129,56)
```
#38b4bb
```
#38b4bb rgb(56,180,187)
```
#bb3873
```
#bb3873 rgb(187,56,115)
```

Split Complementary Color

#b4bb38
```
#b4bb38 rgb(180,187,56)
```
#38b4bb
```
#38b4bb rgb(56,180,187)
```
#bb38b4
```
#bb38b4 rgb(187,56,180)
```

Triadic Color

#38bb3f
```
#38bb3f rgb(56,187,63)
```
#38b4bb
```
#38b4bb rgb(56,180,187)
```
#bb38b4
```
#bb38b4 rgb(187,56,180)
```
#bb3f38
```
#bb3f38 rgb(187,63,56)
```

Tetradic Color

#267b80
```
#267b80 rgb(38,123,128)
```
#2c8e94
```
#2c8e94 rgb(44,142,148)
```
#32a1a7
```
#32a1a7 rgb(50,161,167)
```
#38b4bb
```
#38b4bb rgb(56,180,187)
```
#45c0c7
```
#45c0c7 rgb(69,192,199)
```
#59c7cd
```
#59c7cd rgb(89,199,205)
```
#6cced3
```
#6cced3 rgb(108,206,211)
```

Monochromatic Color

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

#38bba1
```
#38bba1 rgb(56,187,161)
```
#38bbac
```
#38bbac rgb(56,187,172)
```
#38bbb7
```
#38bbb7 rgb(56,187,183)
```
#38b4bb
```
#38b4bb rgb(56,180,187)
```
#38a9bb
```
#38a9bb rgb(56,169,187)
```
#389ebb
```
#389ebb rgb(56,158,187)
```
#3893bb
```
#3893bb rgb(56,147,187)
```

Similar Colors

Text with hexadecimal color #38b4bb

This text has a font color of #38b4bb.

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

#38b4bb background color

This paragraph has a background color of #38b4bb.

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

#38b4bb border color

This element has a border color of #38b4bb.

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

CSS codes

.text {color:#38b4bb;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#061415
```
#061415 rgb(6,20,21)
```
#0b2324
```
#0b2324 rgb(11,35,36)
```
#0f3133
```
#0f3133 rgb(15,49,51)
```
#144042
```
#144042 rgb(20,64,66)
```
#184e51
```
#184e51 rgb(24,78,81)
```
#1d5d60
```
#1d5d60 rgb(29,93,96)
```
#216b70
```
#216b70 rgb(33,107,112)
```
#267a7f
```
#267a7f rgb(38,122,127)
```
#2a888e
```
#2a888e rgb(42,136,142)
```
#2f979d
```
#2f979d rgb(47,151,157)
```
#33a5ac
```
#33a5ac rgb(51,165,172)
```
#38b4bb
```
#38b4bb rgb(56,180,187)
```

Shade Color Variation

#41bfc6
```
#41bfc6 rgb(65,191,198)
```
#50c4cb
```
#50c4cb rgb(80,196,203)
```
#5fc9cf
```
#5fc9cf rgb(95,201,207)
```
#6eced4
```
#6eced4 rgb(110,206,212)
```
#7dd3d8
```
#7dd3d8 rgb(125,211,216)
```
#8cd8dd
```
#8cd8dd rgb(140,216,221)
```
#9bdde1
```
#9bdde1 rgb(155,221,225)
```
#aae2e6
```
#aae2e6 rgb(170,226,230)
```
#b9e8ea
```
#b9e8ea rgb(185,232,234)
```
#c8edef
```
#c8edef rgb(200,237,239)
```
#d8f2f3
```
#d8f2f3 rgb(216,242,243)
```
#e7f7f8
```
#e7f7f8 rgb(231,247,248)
```
#f6fcfc
```
#f6fcfc rgb(246,252,252)
```

Tint Color Variation

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

#797a7a
```
#797a7a rgb(121,122,122)
```
#708283
```
#708283 rgb(112,130,131)
```
#678a8c
```
#678a8c rgb(103,138,140)
```
#5d9396
```
#5d9396 rgb(93,147,150)
```
#549b9f
```
#549b9f rgb(84,155,159)
```
#4ba3a8
```
#4ba3a8 rgb(75,163,168)
```
#41acb2
```
#41acb2 rgb(65,172,178)
```
#38b4bb
```
#38b4bb rgb(56,180,187)
```
#2fbcc4
```
#2fbcc4 rgb(47,188,196)
```
#25c5ce
```
#25c5ce rgb(37,197,206)
```
#1ccdd7
```
#1ccdd7 rgb(28,205,215)
```
#13d5e0
```
#13d5e0 rgb(19,213,224)
```
#09deea
```
#09deea rgb(9,222,234)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7e9799 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a7b5 Protanopia 1% of men
#a9a5c5 Deuteranopia 1% of men
#46b6c4 Tritanopia 0.001% of the population

Trichromacy

#7facb7 Protanomaly 1% of men, 0.01% of women
#80aac1 Deuteranomaly 6% of men, 0.4% of women
#41b5c0 Tritanomaly 0.01% of the population

#38b4bb hex color

#38b4bb Color Information

#38b4bb Color Conversion

Color Schemes with #38b4bb

Alternatives to #38b4bb

#38b4bb Preview

Shades and Tints of #38b4bb

Tones of #38b4bb

Color Blindness Simulator