colorhexa.com

#33b0a2 hex color

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

- R 20
- G 69
- B 64
RGB color chart
- C 71
- M 0
- Y 8
- K 31
CMYK color chart

● #33b0a2 color description : Dark cyan.

The hexadecimal color #33b0a2 has RGB values of R:51, G:176, B:162 and CMYK values of C:0.71, M:0, Y:0.08, K:0.31. Its decimal value is 3387554.

Hex triplet	33b0a2	`#33b0a2`
RGB Decimal	51, 176, 162	`rgb(51,176,162)`
RGB Percent	20, 69, 63.5	`rgb(20%,69%,63.5%)`
CMYK	71, 0, 8, 31
HSL	173.3°, 55.1, 44.5	`hsl(173.3,55.1%,44.5%)`
HSV (or HSB)	173.3°, 71, 69
Web Safe	339999	`#339999`

CIE-LAB	65.248, -36.789, -2.652
XYZ	23.41, 34.361, 39.579
xyY	0.24, 0.353, 34.361
CIE-LCH	65.248, 36.884, 184.124
CIE-LUV	65.248, -47.021, 1.662
Hunter-Lab	58.618, -31.295, 1
Binary	00110011, 10110000, 10100010

#33b0a2
```
#33b0a2 rgb(51,176,162)
```
#b03341
```
#b03341 rgb(176,51,65)
```

Complementary Color

#33b064
```
#33b064 rgb(51,176,100)
```
#33b0a2
```
#33b0a2 rgb(51,176,162)
```
#3380b0
```
#3380b0 rgb(51,128,176)
```

Analogous Color

#b06433
```
#b06433 rgb(176,100,51)
```
#33b0a2
```
#33b0a2 rgb(51,176,162)
```
#b03380
```
#b03380 rgb(176,51,128)
```

Split Complementary Color

#b0a233
```
#b0a233 rgb(176,162,51)
```
#33b0a2
```
#33b0a2 rgb(51,176,162)
```
#a233b0
```
#a233b0 rgb(162,51,176)
```

Triadic Color

#41b033
```
#41b033 rgb(65,176,51)
```
#33b0a2
```
#33b0a2 rgb(51,176,162)
```
#a233b0
```
#a233b0 rgb(162,51,176)
```
#b03341
```
#b03341 rgb(176,51,65)
```

Tetradic Color

#22756b
```
#22756b rgb(34,117,107)
```
#28887e
```
#28887e rgb(40,136,126)
```
#2d9c90
```
#2d9c90 rgb(45,156,144)
```
#33b0a2
```
#33b0a2 rgb(51,176,162)
```
#39c4b4
```
#39c4b4 rgb(57,196,180)
```
#4bcbbd
```
#4bcbbd rgb(75,203,189)
```
#5fd1c4
```
#5fd1c4 rgb(95,209,196)
```

Monochromatic Color

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

#33b083
```
#33b083 rgb(51,176,131)
```
#33b08d
```
#33b08d rgb(51,176,141)
```
#33b098
```
#33b098 rgb(51,176,152)
```
#33b0a2
```
#33b0a2 rgb(51,176,162)
```
#33b0ac
```
#33b0ac rgb(51,176,172)
```
#33a9b0
```
#33a9b0 rgb(51,169,176)
```
#339fb0
```
#339fb0 rgb(51,159,176)
```

Similar Colors

Text with hexadecimal color #33b0a2

This text has a font color of #33b0a2.

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

#33b0a2 background color

This paragraph has a background color of #33b0a2.

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

#33b0a2 border color

This element has a border color of #33b0a2.

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

CSS codes

.text {color:#33b0a2;}

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

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

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

#030908
```
#030908 rgb(3,9,8)
```
#071816
```
#071816 rgb(7,24,22)
```
#0b2724
```
#0b2724 rgb(11,39,36)
```
#103632
```
#103632 rgb(16,54,50)
```
#144640
```
#144640 rgb(20,70,64)
```
#19554e
```
#19554e rgb(25,85,78)
```
#1d645c
```
#1d645c rgb(29,100,92)
```
#21736a
```
#21736a rgb(33,115,106)
```
#268278
```
#268278 rgb(38,130,120)
```
#2a9286
```
#2a9286 rgb(42,146,134)
```
#2fa194
```
#2fa194 rgb(47,161,148)
```
#33b0a2
```
#33b0a2 rgb(51,176,162)
```
#37bfb0
```
#37bfb0 rgb(55,191,176)
```

Shade Color Variation

#42c8b9
```
#42c8b9 rgb(66,200,185)
```
#51cdbf
```
#51cdbf rgb(81,205,191)
```
#60d1c4
```
#60d1c4 rgb(96,209,196)
```
#70d5ca
```
#70d5ca rgb(112,213,202)
```
#7fdad0
```
#7fdad0 rgb(127,218,208)
```
#8eded5
```
#8eded5 rgb(142,222,213)
```
#9de3db
```
#9de3db rgb(157,227,219)
```
#ace7e1
```
#ace7e1 rgb(172,231,225)
```
#bcebe6
```
#bcebe6 rgb(188,235,230)
```
#cbf0ec
```
#cbf0ec rgb(203,240,236)
```
#daf4f1
```
#daf4f1 rgb(218,244,241)
```
#e9f9f7
```
#e9f9f7 rgb(233,249,247)
```
#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 #07dcc4 is the most saturated one.

#707373
```
#707373 rgb(112,115,115)
```
#677c79
```
#677c79 rgb(103,124,121)
```
#5f8480
```
#5f8480 rgb(95,132,128)
```
#568d87
```
#568d87 rgb(86,141,135)
```
#4d968e
```
#4d968e rgb(77,150,142)
```
#449f94
```
#449f94 rgb(68,159,148)
```
#3ca79b
```
#3ca79b rgb(60,167,155)
```
#33b0a2
```
#33b0a2 rgb(51,176,162)
```
#2ab9a9
```
#2ab9a9 rgb(42,185,169)
```
#22c1b0
```
#22c1b0 rgb(34,193,176)
```
#19cab6
```
#19cab6 rgb(25,202,182)
```
#10d3bd
```
#10d3bd rgb(16,211,189)
```
#07dcc4
```
#07dcc4 rgb(7,220,196)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#78918e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a29d Protanopia 1% of men
#ad9fae Deuteranopia 1% of men
#4cb0bd Tritanopia 0.001% of the population

Trichromacy

#7da79f Protanomaly 1% of men, 0.01% of women
#80a5a9 Deuteranomaly 6% of men, 0.4% of women
#43b0b3 Tritanomaly 0.01% of the population