#33b0ac hex color

In a RGB color space, hex #33b0ac is composed of 20% red, 69% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 2.3% yellow and 31% black. It has a hue angle of 178.1 degrees, a saturation of 55.1% and a lightness of 44.5%. #33b0ac color hex could be obtained by blending #66ffff with #006159. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 69
- B 67
RGB color chart
- C 71
- M 0
- Y 2
- K 31
CMYK color chart

● #33b0ac color description : Dark cyan.

The hexadecimal color #33b0ac has RGB values of R:51, G:176, B:172 and CMYK values of C:0.71, M:0, Y:0.02, K:0.31. Its decimal value is 3387564.

Hex triplet	33b0ac	`#33b0ac`
RGB Decimal	51, 176, 172	`rgb(51,176,172)`
RGB Percent	20, 69, 67.5	`rgb(20%,69%,67.5%)`
CMYK	71, 0, 2, 31
HSL	178.1°, 55.1, 44.5	`hsl(178.1,55.1%,44.5%)`
HSV (or HSB)	178.1°, 71, 69
Web Safe	339999	`#339999`

CIE-LAB	65.539, -33.968, -7.781
XYZ	24.335, 34.731, 44.449
xyY	0.235, 0.336, 34.731
CIE-LCH	65.539, 34.847, 192.902
CIE-LUV	65.539, -46.356, -6.598
Hunter-Lab	58.933, -29.426, -3.465
Binary	00110011, 10110000, 10101100

#33b0ac
```
#33b0ac rgb(51,176,172)
```
#b03337
```
#b03337 rgb(176,51,55)
```

Complementary Color

#33b06e
```
#33b06e rgb(51,176,110)
```
#33b0ac
```
#33b0ac rgb(51,176,172)
```
#3376b0
```
#3376b0 rgb(51,118,176)
```

Analogous Color

#b06e33
```
#b06e33 rgb(176,110,51)
```
#33b0ac
```
#33b0ac rgb(51,176,172)
```
#b03376
```
#b03376 rgb(176,51,118)
```

Split Complementary Color

#b0ac33
```
#b0ac33 rgb(176,172,51)
```
#33b0ac
```
#33b0ac rgb(51,176,172)
```
#ac33b0
```
#ac33b0 rgb(172,51,176)
```

Triadic Color

#37b033
```
#37b033 rgb(55,176,51)
```
#33b0ac
```
#33b0ac rgb(51,176,172)
```
#ac33b0
```
#ac33b0 rgb(172,51,176)
```
#b03337
```
#b03337 rgb(176,51,55)
```

Tetradic Color

#227572
```
#227572 rgb(34,117,114)
```
#288885
```
#288885 rgb(40,136,133)
```
#2d9c99
```
#2d9c99 rgb(45,156,153)
```
#33b0ac
```
#33b0ac rgb(51,176,172)
```
#39c4bf
```
#39c4bf rgb(57,196,191)
```
#4bcbc7
```
#4bcbc7 rgb(75,203,199)
```
#5fd1cd
```
#5fd1cd rgb(95,209,205)
```

Monochromatic Color

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

#33b08d
```
#33b08d rgb(51,176,141)
```
#33b097
```
#33b097 rgb(51,176,151)
```
#33b0a2
```
#33b0a2 rgb(51,176,162)
```
#33b0ac
```
#33b0ac rgb(51,176,172)
```
#33aab0
```
#33aab0 rgb(51,170,176)
```
#339fb0
```
#339fb0 rgb(51,159,176)
```
#3395b0
```
#3395b0 rgb(51,149,176)
```

Similar Colors

Text with hexadecimal color #33b0ac

This text has a font color of #33b0ac.

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

#33b0ac background color

This paragraph has a background color of #33b0ac.

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

#33b0ac border color

This element has a border color of #33b0ac.

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

CSS codes

.text {color:#33b0ac;}

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

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

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

#030909
```
#030909 rgb(3,9,9)
```
#071817
```
#071817 rgb(7,24,23)
```
#0b2726
```
#0b2726 rgb(11,39,38)
```
#103635
```
#103635 rgb(16,54,53)
```
#144644
```
#144644 rgb(20,70,68)
```
#195553
```
#195553 rgb(25,85,83)
```
#1d6462
```
#1d6462 rgb(29,100,98)
```
#217371
```
#217371 rgb(33,115,113)
```
#26827f
```
#26827f rgb(38,130,127)
```
#2a928e
```
#2a928e rgb(42,146,142)
```
#2fa19d
```
#2fa19d rgb(47,161,157)
```
#33b0ac
```
#33b0ac rgb(51,176,172)
```
#37bfbb
```
#37bfbb rgb(55,191,187)
```

Shade Color Variation

#42c8c4
```
#42c8c4 rgb(66,200,196)
```
#51cdc9
```
#51cdc9 rgb(81,205,201)
```
#60d1cd
```
#60d1cd rgb(96,209,205)
```
#70d5d2
```
#70d5d2 rgb(112,213,210)
```
#7fdad7
```
#7fdad7 rgb(127,218,215)
```
#8ededc
```
#8ededc rgb(142,222,220)
```
#9de3e0
```
#9de3e0 rgb(157,227,224)
```
#ace7e5
```
#ace7e5 rgb(172,231,229)
```
#bcebea
```
#bcebea rgb(188,235,234)
```
#cbf0ef
```
#cbf0ef rgb(203,240,239)
```
#daf4f3
```
#daf4f3 rgb(218,244,243)
```
#e9f9f8
```
#e9f9f8 rgb(233,249,248)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#707373
```
#707373 rgb(112,115,115)
```
#677c7b
```
#677c7b rgb(103,124,123)
```
#5f8483
```
#5f8483 rgb(95,132,131)
```
#568d8b
```
#568d8b rgb(86,141,139)
```
#4d9693
```
#4d9693 rgb(77,150,147)
```
#449f9c
```
#449f9c rgb(68,159,156)
```
#3ca7a4
```
#3ca7a4 rgb(60,167,164)
```
#33b0ac
```
#33b0ac rgb(51,176,172)
```
#2ab9b4
```
#2ab9b4 rgb(42,185,180)
```
#22c1bc
```
#22c1bc rgb(34,193,188)
```
#19cac5
```
#19cac5 rgb(25,202,197)
```
#10d3cd
```
#10d3cd rgb(16,211,205)
```
#07dcd5
```
#07dcd5 rgb(7,220,213)
```

Tone Color Variation

Below, you can see how #33b0ac 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

#8a8a8a Achromatopsia 0.005% of the population
#799291 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a3a7 Protanopia 1% of men
#a9a0b7 Deuteranopia 1% of men
#48b1be Tritanopia 0.001% of the population

Trichromacy

#7ca7a8 Protanomaly 1% of men, 0.01% of women
#7ea5b3 Deuteranomaly 6% of men, 0.4% of women
#40b1b7 Tritanomaly 0.01% of the population

#33b0ac hex color

#33b0ac Color Information

#33b0ac Color Conversion

Color Schemes with #33b0ac

Alternatives to #33b0ac

#33b0ac Preview

Shades and Tints of #33b0ac

Tones of #33b0ac

Color Blindness Simulator