#33b1b2 hex color

In a RGB color space, hex #33b1b2 is composed of 20% red, 69.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 180.5 degrees, a saturation of 55.5% and a lightness of 44.9%. #33b1b2 color hex could be obtained by blending #66ffff with #006365. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 69
- B 70
RGB color chart
- C 71
- M 1
- Y 0
- K 30
CMYK color chart

● #33b1b2 color description : Dark cyan.

The hexadecimal color #33b1b2 has RGB values of R:51, G:177, B:178 and CMYK values of C:0.71, M:0.01, Y:0, K:0.3. Its decimal value is 3387826.

Hex triplet	33b1b2	`#33b1b2`
RGB Decimal	51, 177, 178	`rgb(51,177,178)`
RGB Percent	20, 69.4, 69.8	`rgb(20%,69.4%,69.8%)`
CMYK	71, 1, 0, 30
HSL	180.5°, 55.5, 44.9	`hsl(180.5,55.5%,44.9%)`
HSV (or HSB)	180.5°, 71.3, 69.8
Web Safe	339999	`#339999`

CIE-LAB	66.028, -32.695, -10.383
XYZ	25.121, 35.36, 47.618
xyY	0.232, 0.327, 35.36
CIE-LCH	66.028, 34.304, 197.618
CIE-LUV	66.028, -46.316, -10.858
Hunter-Lab	59.464, -28.655, -5.854
Binary	00110011, 10110001, 10110010

#33b1b2
```
#33b1b2 rgb(51,177,178)
```
#b23433
```
#b23433 rgb(178,52,51)
```

Complementary Color

#33b274
```
#33b274 rgb(51,178,116)
```
#33b1b2
```
#33b1b2 rgb(51,177,178)
```
#3372b2
```
#3372b2 rgb(51,114,178)
```

Analogous Color

#b27433
```
#b27433 rgb(178,116,51)
```
#33b1b2
```
#33b1b2 rgb(51,177,178)
```
#b23372
```
#b23372 rgb(178,51,114)
```

Split Complementary Color

#b1b233
```
#b1b233 rgb(177,178,51)
```
#33b1b2
```
#33b1b2 rgb(51,177,178)
```
#b233b1
```
#b233b1 rgb(178,51,177)
```

Triadic Color

#33b234
```
#33b234 rgb(51,178,52)
```
#33b1b2
```
#33b1b2 rgb(51,177,178)
```
#b233b1
```
#b233b1 rgb(178,51,177)
```
#b23433
```
#b23433 rgb(178,52,51)
```

Tetradic Color

#227677
```
#227677 rgb(34,118,119)
```
#288a8a
```
#288a8a rgb(40,138,138)
```
#2d9d9e
```
#2d9d9e rgb(45,157,158)
```
#33b1b2
```
#33b1b2 rgb(51,177,178)
```
#39c5c6
```
#39c5c6 rgb(57,197,198)
```
#4ccbcc
```
#4ccbcc rgb(76,203,204)
```
#60d1d1
```
#60d1d1 rgb(96,209,209)
```

Monochromatic Color

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

#33b293
```
#33b293 rgb(51,178,147)
```
#33b29e
```
#33b29e rgb(51,178,158)
```
#33b2a8
```
#33b2a8 rgb(51,178,168)
```
#33b1b2
```
#33b1b2 rgb(51,177,178)
```
#33a6b2
```
#33a6b2 rgb(51,166,178)
```
#339cb2
```
#339cb2 rgb(51,156,178)
```
#3391b2
```
#3391b2 rgb(51,145,178)
```

Similar Colors

Text with hexadecimal color #33b1b2

This text has a font color of #33b1b2.

<span style="color:#33b1b2;">Text here</span>

#33b1b2 background color

This paragraph has a background color of #33b1b2.

<p style="background-color:#33b1b2;">Content here</p>

#33b1b2 border color

This element has a border color of #33b1b2.

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

CSS codes

.text {color:#33b1b2;}

.background {background-color:#33b1b2;}

.border {border:1px solid #33b1b2;}

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, #030a0a is the darkest color, while #fafefe is the lightest one.

#030a0a
```
#030a0a rgb(3,10,10)
```
#07191a
```
#07191a rgb(7,25,26)
```
#0c2929
```
#0c2929 rgb(12,41,41)
```
#103838
```
#103838 rgb(16,56,56)
```
#144747
```
#144747 rgb(20,71,71)
```
#195657
```
#195657 rgb(25,86,87)
```
#1d6566
```
#1d6566 rgb(29,101,102)
```
#227475
```
#227475 rgb(34,116,117)
```
#268484
```
#268484 rgb(38,132,132)
```
#2a9394
```
#2a9394 rgb(42,147,148)
```
#2fa2a3
```
#2fa2a3 rgb(47,162,163)
```
#33b1b2
```
#33b1b2 rgb(51,177,178)
```
#37c0c1
```
#37c0c1 rgb(55,192,193)
```

Shade Color Variation

#43c8c9
```
#43c8c9 rgb(67,200,201)
```
#52cdce
```
#52cdce rgb(82,205,206)
```
#62d1d2
```
#62d1d2 rgb(98,209,210)
```
#71d5d6
```
#71d5d6 rgb(113,213,214)
```
#80dadb
```
#80dadb rgb(128,218,219)
```
#8fdedf
```
#8fdedf rgb(143,222,223)
```
#9fe3e3
```
#9fe3e3 rgb(159,227,227)
```
#aee7e8
```
#aee7e8 rgb(174,231,232)
```
#bdecec
```
#bdecec rgb(189,236,236)
```
#ccf0f0
```
#ccf0f0 rgb(204,240,240)
```
#dcf5f5
```
#dcf5f5 rgb(220,245,245)
```
#ebf9f9
```
#ebf9f9 rgb(235,249,249)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717474 is the less saturated color, while #07dcde is the most saturated one.

#717474
```
#717474 rgb(113,116,116)
```
#687d7d
```
#687d7d rgb(104,125,125)
```
#5f8686
```
#5f8686 rgb(95,134,134)
```
#568e8f
```
#568e8f rgb(86,142,143)
```
#4d9798
```
#4d9798 rgb(77,151,152)
```
#45a0a0
```
#45a0a0 rgb(69,160,160)
```
#3ca8a9
```
#3ca8a9 rgb(60,168,169)
```
#33b1b2
```
#33b1b2 rgb(51,177,178)
```
#2ababb
```
#2ababb rgb(42,186,187)
```
#21c2c4
```
#21c2c4 rgb(33,194,196)
```
#19cbcc
```
#19cbcc rgb(25,203,204)
```
#10d4d5
```
#10d4d5 rgb(16,212,213)
```
#07dcde
```
#07dcde rgb(7,220,222)
```

Tone Color Variation

Below, you can see how #33b1b2 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
#799393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a4ac Protanopia 1% of men
#a8a1bd Deuteranopia 1% of men
#45b3c0 Tritanopia 0.001% of the population

Trichromacy

#7ca9ae Protanomaly 1% of men, 0.01% of women
#7da7b9 Deuteranomaly 6% of men, 0.4% of women
#3eb2bb Tritanomaly 0.01% of the population

#33b1b2 hex color

#33b1b2 Color Information

#33b1b2 Color Conversion

Color Schemes with #33b1b2

Alternatives to #33b1b2

#33b1b2 Preview

Shades and Tints of #33b1b2

Tones of #33b1b2

Color Blindness Simulator