colorhexa.com

#33bcdc hex color

In a RGB color space, hex #33bcdc is composed of 20% red, 73.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 14.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 191.4 degrees, a saturation of 70.7% and a lightness of 53.1%. #33bcdc color hex could be obtained by blending #66ffff with #0079b9. Closest websafe color is: #33cccc.

- R 20
- G 74
- B 86
RGB color chart
- C 77
- M 15
- Y 0
- K 14
CMYK color chart

● #33bcdc color description : Bright cyan.

The hexadecimal color #33bcdc has RGB values of R:51, G:188, B:220 and CMYK values of C:0.77, M:0.15, Y:0, K:0.14. Its decimal value is 3390684.

Hex triplet	33bcdc	`#33bcdc`
RGB Decimal	51, 188, 220	`rgb(51,188,220)`
RGB Percent	20, 73.7, 86.3	`rgb(20%,73.7%,86.3%)`
CMYK	77, 15, 0, 14
HSL	191.4°, 70.7, 53.1	`hsl(191.4,70.7%,53.1%)`
HSV (or HSB)	191.4°, 76.8, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.757, -25.165, -26.324
XYZ	32.263, 41.835, 74.081
xyY	0.218, 0.282, 41.835
CIE-LCH	70.757, 36.418, 226.29
CIE-LUV	70.757, -47.395, -38.141
Hunter-Lab	64.68, -24.151, -22.632
Binary	00110011, 10111100, 11011100

#33bcdc
```
#33bcdc rgb(51,188,220)
```
#dc5333
```
#dc5333 rgb(220,83,51)
```

Complementary Color

#33dca8
```
#33dca8 rgb(51,220,168)
```
#33bcdc
```
#33bcdc rgb(51,188,220)
```
#3368dc
```
#3368dc rgb(51,104,220)
```

Analogous Color

#dca833
```
#dca833 rgb(220,168,51)
```
#33bcdc
```
#33bcdc rgb(51,188,220)
```
#dc3368
```
#dc3368 rgb(220,51,104)
```

Split Complementary Color

#bcdc33
```
#bcdc33 rgb(188,220,51)
```
#33bcdc
```
#33bcdc rgb(51,188,220)
```
#dc33bc
```
#dc33bc rgb(220,51,188)
```

Triadic Color

#33dc53
```
#33dc53 rgb(51,220,83)
```
#33bcdc
```
#33bcdc rgb(51,188,220)
```
#dc33bc
```
#dc33bc rgb(220,51,188)
```
#dc5333
```
#dc5333 rgb(220,83,51)
```

Tetradic Color

#1c8ca6
```
#1c8ca6 rgb(28,140,166)
```
#209ebc
```
#209ebc rgb(32,158,188)
```
#24b1d2
```
#24b1d2 rgb(36,177,210)
```
#33bcdc
```
#33bcdc rgb(51,188,220)
```
#49c3e0
```
#49c3e0 rgb(73,195,224)
```
#5fcae3
```
#5fcae3 rgb(95,202,227)
```
#74d1e7
```
#74d1e7 rgb(116,209,231)
```

Monochromatic Color

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

#33dcd2
```
#33dcd2 rgb(51,220,210)
```
#33d8dc
```
#33d8dc rgb(51,216,220)
```
#33cadc
```
#33cadc rgb(51,202,220)
```
#33bcdc
```
#33bcdc rgb(51,188,220)
```
#33aedc
```
#33aedc rgb(51,174,220)
```
#33a0dc
```
#33a0dc rgb(51,160,220)
```
#3392dc
```
#3392dc rgb(51,146,220)
```

Similar Colors

Text with hexadecimal color #33bcdc

This text has a font color of #33bcdc.

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

#33bcdc background color

This paragraph has a background color of #33bcdc.

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

#33bcdc border color

This element has a border color of #33bcdc.

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

CSS codes

.text {color:#33bcdc;}

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

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

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, #020c0e is the darkest color, while #fcfefe is the lightest one.

#020c0e
```
#020c0e rgb(2,12,14)
```
#051a1e
```
#051a1e rgb(5,26,30)
```
#08282f
```
#08282f rgb(8,40,47)
```
#0b3640
```
#0b3640 rgb(11,54,64)
```
#0e4451
```
#0e4451 rgb(14,68,81)
```
#115261
```
#115261 rgb(17,82,97)
```
#146072
```
#146072 rgb(20,96,114)
```
#166e83
```
#166e83 rgb(22,110,131)
```
#197c94
```
#197c94 rgb(25,124,148)
```
#1c8ba4
```
#1c8ba4 rgb(28,139,164)
```
#1f99b5
```
#1f99b5 rgb(31,153,181)
```
#22a7c6
```
#22a7c6 rgb(34,167,198)
```
#25b5d7
```
#25b5d7 rgb(37,181,215)
```

Shade Color Variation

#33bcdc
```
#33bcdc rgb(51,188,220)
```
#44c1df
```
#44c1df rgb(68,193,223)
```
#54c7e2
```
#54c7e2 rgb(84,199,226)
```
#65cce5
```
#65cce5 rgb(101,204,229)
```
#76d2e7
```
#76d2e7 rgb(118,210,231)
```
#87d7ea
```
#87d7ea rgb(135,215,234)
```
#97dded
```
#97dded rgb(151,221,237)
```
#a8e2f0
```
#a8e2f0 rgb(168,226,240)
```
#b9e8f3
```
#b9e8f3 rgb(185,232,243)
```
#caedf6
```
#caedf6 rgb(202,237,246)
```
#daf3f9
```
#daf3f9 rgb(218,243,249)
```
#ebf8fc
```
#ebf8fc rgb(235,248,252)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#868989
```
#868989 rgb(134,137,137)
```
#7d8e92
```
#7d8e92 rgb(125,142,146)
```
#73949c
```
#73949c rgb(115,148,156)
```
#6a9aa5
```
#6a9aa5 rgb(106,154,165)
```
#619fae
```
#619fae rgb(97,159,174)
```
#58a5b7
```
#58a5b7 rgb(88,165,183)
```
#4fabc0
```
#4fabc0 rgb(79,171,192)
```
#45b1ca
```
#45b1ca rgb(69,177,202)
```
#3cb6d3
```
#3cb6d3 rgb(60,182,211)
```
#33bcdc
```
#33bcdc rgb(51,188,220)
```
#2ac2e5
```
#2ac2e5 rgb(42,194,229)
```
#21c7ee
```
#21c7ee rgb(33,199,238)
```
#17cdf8
```
#17cdf8 rgb(23,205,248)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#839ea5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8afd3 Protanopia 1% of men
#a4aee4 Deuteranopia 1% of men
#2cc1d0 Tritanopia 0.001% of the population

Trichromacy

#7db4d6 Protanomaly 1% of men, 0.01% of women
#7bb3e1 Deuteranomaly 6% of men, 0.4% of women
#2ebfd4 Tritanomaly 0.01% of the population