#33cbaf hex color

In a RGB color space, hex #33cbaf is composed of 20% red, 79.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 0% magenta, 13.8% yellow and 20.4% black. It has a hue angle of 168.9 degrees, a saturation of 59.8% and a lightness of 49.8%. #33cbaf color hex could be obtained by blending #66ffff with #00975f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 20
- G 80
- B 69
RGB color chart
- C 75
- M 0
- Y 14
- K 20
CMYK color chart

● #33cbaf color description : Moderate cyan.

The hexadecimal color #33cbaf has RGB values of R:51, G:203, B:175 and CMYK values of C:0.75, M:0, Y:0.14, K:0.2. Its decimal value is 3394479.

Hex triplet	33cbaf	`#33cbaf`
RGB Decimal	51, 203, 175	`rgb(51,203,175)`
RGB Percent	20, 79.6, 68.6	`rgb(20%,79.6%,68.6%)`
CMYK	75, 0, 14, 20
HSL	168.9°, 59.8, 49.8	`hsl(168.9,59.8%,49.8%)`
HSV (or HSB)	168.9°, 74.9, 79.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.874, -45.238, 2.817
XYZ	30.456, 46.508, 47.927
xyY	0.244, 0.372, 46.508
CIE-LCH	73.874, 45.325, 176.436
CIE-LUV	73.874, -55.805, 11.29
Hunter-Lab	68.197, -39.627, 6.07
Binary	00110011, 11001011, 10101111

#33cbaf
```
#33cbaf rgb(51,203,175)
```
#cb334f
```
#cb334f rgb(203,51,79)
```

Complementary Color

#33cb63
```
#33cb63 rgb(51,203,99)
```
#33cbaf
```
#33cbaf rgb(51,203,175)
```
#339bcb
```
#339bcb rgb(51,155,203)
```

Analogous Color

#cb6333
```
#cb6333 rgb(203,99,51)
```
#33cbaf
```
#33cbaf rgb(51,203,175)
```
#cb339b
```
#cb339b rgb(203,51,155)
```

Split Complementary Color

#cbaf33
```
#cbaf33 rgb(203,175,51)
```
#33cbaf
```
#33cbaf rgb(51,203,175)
```
#af33cb
```
#af33cb rgb(175,51,203)
```

Triadic Color

#4fcb33
```
#4fcb33 rgb(79,203,51)
```
#33cbaf
```
#33cbaf rgb(51,203,175)
```
#af33cb
```
#af33cb rgb(175,51,203)
```
#cb334f
```
#cb334f rgb(203,51,79)
```

Tetradic Color

#248e7a
```
#248e7a rgb(36,142,122)
```
#29a28c
```
#29a28c rgb(41,162,140)
```
#2eb79d
```
#2eb79d rgb(46,183,157)
```
#33cbaf
```
#33cbaf rgb(51,203,175)
```
#47d1b7
```
#47d1b7 rgb(71,209,183)
```
#5bd6bf
```
#5bd6bf rgb(91,214,191)
```
#70dbc7
```
#70dbc7 rgb(112,219,199)
```

Monochromatic Color

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

#33cb89
```
#33cb89 rgb(51,203,137)
```
#33cb96
```
#33cb96 rgb(51,203,150)
```
#33cba2
```
#33cba2 rgb(51,203,162)
```
#33cbaf
```
#33cbaf rgb(51,203,175)
```
#33cbbc
```
#33cbbc rgb(51,203,188)
```
#33cbc8
```
#33cbc8 rgb(51,203,200)
```
#33c1cb
```
#33c1cb rgb(51,193,203)
```

Similar Colors

Text with hexadecimal color #33cbaf

This text has a font color of #33cbaf.

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

#33cbaf background color

This paragraph has a background color of #33cbaf.

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

#33cbaf border color

This element has a border color of #33cbaf.

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

CSS codes

.text {color:#33cbaf;}

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

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

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, #040f0d is the darkest color, while #feffff is the lightest one.

#040f0d
```
#040f0d rgb(4,15,13)
```
#081f1a
```
#081f1a rgb(8,31,26)
```
#0c2e28
```
#0c2e28 rgb(12,46,40)
```
#103e35
```
#103e35 rgb(16,62,53)
```
#134e43
```
#134e43 rgb(19,78,67)
```
#175d50
```
#175d50 rgb(23,93,80)
```
#1b6d5e
```
#1b6d5e rgb(27,109,94)
```
#1f7d6b
```
#1f7d6b rgb(31,125,107)
```
#238c79
```
#238c79 rgb(35,140,121)
```
#279c86
```
#279c86 rgb(39,156,134)
```
#2bac94
```
#2bac94 rgb(43,172,148)
```
#2fbba1
```
#2fbba1 rgb(47,187,161)
```
#33cbaf
```
#33cbaf rgb(51,203,175)
```

Shade Color Variation

#42d0b5
```
#42d0b5 rgb(66,208,181)
```
#52d3bc
```
#52d3bc rgb(82,211,188)
```
#61d7c2
```
#61d7c2 rgb(97,215,194)
```
#71dbc8
```
#71dbc8 rgb(113,219,200)
```
#81dfce
```
#81dfce rgb(129,223,206)
```
#90e3d4
```
#90e3d4 rgb(144,227,212)
```
#a0e7da
```
#a0e7da rgb(160,231,218)
```
#b0ebe0
```
#b0ebe0 rgb(176,235,224)
```
#bfefe6
```
#bfefe6 rgb(191,239,230)
```
#cff3ec
```
#cff3ec rgb(207,243,236)
```
#dff7f2
```
#dff7f2 rgb(223,247,242)
```
#effbf9
```
#effbf9 rgb(239,251,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#778784
```
#778784 rgb(119,135,132)
```
#6e908a
```
#6e908a rgb(110,144,138)
```
#649a90
```
#649a90 rgb(100,154,144)
```
#5aa496
```
#5aa496 rgb(90,164,150)
```
#50ae9c
```
#50ae9c rgb(80,174,156)
```
#47b7a3
```
#47b7a3 rgb(71,183,163)
```
#3dc1a9
```
#3dc1a9 rgb(61,193,169)
```
#33cbaf
```
#33cbaf rgb(51,203,175)
```
#29d5b5
```
#29d5b5 rgb(41,213,181)
```
#1fdfbb
```
#1fdfbb rgb(31,223,187)
```
#16e8c2
```
#16e8c2 rgb(22,232,194)
```
#0cf2c8
```
#0cf2c8 rgb(12,242,200)
```
#02fcce
```
#02fcce rgb(2,252,206)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#85a49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b8a8 Protanopia 1% of men
#c9b4bc Deuteranopia 1% of men
#56c8d7 Tritanopia 0.001% of the population

Trichromacy

#8dbfaa Protanomaly 1% of men, 0.01% of women
#92bcb7 Deuteranomaly 6% of men, 0.4% of women
#49c9c8 Tritanomaly 0.01% of the population

#33cbaf hex color

#33cbaf Color Information

#33cbaf Color Conversion

Color Schemes with #33cbaf

Alternatives to #33cbaf

#33cbaf Preview

Shades and Tints of #33cbaf

Tones of #33cbaf

Color Blindness Simulator