colorhexa.com

#33b4ca hex color

In a RGB color space, hex #33b4ca is composed of 20% red, 70.6% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 10.9% magenta, 0% yellow and 20.8% black. It has a hue angle of 188.7 degrees, a saturation of 59.7% and a lightness of 49.6%. #33b4ca color hex could be obtained by blending #66ffff with #006995. Closest websafe color is: #33cccc.

- R 20
- G 71
- B 79
RGB color chart
- C 75
- M 11
- Y 0
- K 21
CMYK color chart

● #33b4ca color description : Moderate cyan.

The hexadecimal color #33b4ca has RGB values of R:51, G:180, B:202 and CMYK values of C:0.75, M:0.11, Y:0, K:0.21. Its decimal value is 3388618.

Hex triplet	33b4ca	`#33b4ca`
RGB Decimal	51, 180, 202	`rgb(51,180,202)`
RGB Percent	20, 70.6, 79.2	`rgb(20%,70.6%,79.2%)`
CMYK	75, 11, 0, 21
HSL	188.7°, 59.7, 49.6	`hsl(188.7,59.7%,49.6%)`
HSV (or HSB)	188.7°, 74.8, 79.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.731, -26.858, -21.085
XYZ	28.344, 37.608, 61.639
xyY	0.222, 0.295, 37.608
CIE-LCH	67.731, 34.146, 218.134
CIE-LUV	67.731, -45.782, -29
Hunter-Lab	61.325, -24.818, -16.666
Binary	00110011, 10110100, 11001010

#33b4ca
```
#33b4ca rgb(51,180,202)
```
#ca4933
```
#ca4933 rgb(202,73,51)
```

Complementary Color

#33ca95
```
#33ca95 rgb(51,202,149)
```
#33b4ca
```
#33b4ca rgb(51,180,202)
```
#3369ca
```
#3369ca rgb(51,105,202)
```

Analogous Color

#ca9533
```
#ca9533 rgb(202,149,51)
```
#33b4ca
```
#33b4ca rgb(51,180,202)
```
#ca3369
```
#ca3369 rgb(202,51,105)
```

Split Complementary Color

#b4ca33
```
#b4ca33 rgb(180,202,51)
```
#33b4ca
```
#33b4ca rgb(51,180,202)
```
#ca33b4
```
#ca33b4 rgb(202,51,180)
```

Triadic Color

#33ca49
```
#33ca49 rgb(51,202,73)
```
#33b4ca
```
#33b4ca rgb(51,180,202)
```
#ca33b4
```
#ca33b4 rgb(202,51,180)
```
#ca4933
```
#ca4933 rgb(202,73,51)
```

Tetradic Color

#247e8d
```
#247e8d rgb(36,126,141)
```
#2990a1
```
#2990a1 rgb(41,144,161)
```
#2ea2b6
```
#2ea2b6 rgb(46,162,182)
```
#33b4ca
```
#33b4ca rgb(51,180,202)
```
#46bcd0
```
#46bcd0 rgb(70,188,208)
```
#5bc4d5
```
#5bc4d5 rgb(91,196,213)
```
#6fcbdb
```
#6fcbdb rgb(111,203,219)
```

Monochromatic Color

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

#33caba
```
#33caba rgb(51,202,186)
```
#33cac7
```
#33cac7 rgb(51,202,199)
```
#33c1ca
```
#33c1ca rgb(51,193,202)
```
#33b4ca
```
#33b4ca rgb(51,180,202)
```
#33a7ca
```
#33a7ca rgb(51,167,202)
```
#339bca
```
#339bca rgb(51,155,202)
```
#338eca
```
#338eca rgb(51,142,202)
```

Similar Colors

Text with hexadecimal color #33b4ca

This text has a font color of #33b4ca.

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

#33b4ca background color

This paragraph has a background color of #33b4ca.

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

#33b4ca border color

This element has a border color of #33b4ca.

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

CSS codes

.text {color:#33b4ca;}

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

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

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

#040d0e
```
#040d0e rgb(4,13,14)
```
#081a1e
```
#081a1e rgb(8,26,30)
```
#0b282d
```
#0b282d rgb(11,40,45)
```
#0f363d
```
#0f363d rgb(15,54,61)
```
#13444d
```
#13444d rgb(19,68,77)
```
#17525c
```
#17525c rgb(23,82,92)
```
#1b606c
```
#1b606c rgb(27,96,108)
```
#1f6e7c
```
#1f6e7c rgb(31,110,124)
```
#237c8b
```
#237c8b rgb(35,124,139)
```
#278a9b
```
#278a9b rgb(39,138,155)
```
#2b98ab
```
#2b98ab rgb(43,152,171)
```
#2fa6ba
```
#2fa6ba rgb(47,166,186)
```
#33b4ca
```
#33b4ca rgb(51,180,202)
```

Shade Color Variation

#41bbcf
```
#41bbcf rgb(65,187,207)
```
#51c0d3
```
#51c0d3 rgb(81,192,211)
```
#61c6d7
```
#61c6d7 rgb(97,198,215)
```
#70cbdb
```
#70cbdb rgb(112,203,219)
```
#80d1df
```
#80d1df rgb(128,209,223)
```
#90d7e3
```
#90d7e3 rgb(144,215,227)
```
#9fdce7
```
#9fdce7 rgb(159,220,231)
```
#afe2eb
```
#afe2eb rgb(175,226,235)
```
#bfe8ef
```
#bfe8ef rgb(191,232,239)
```
#ceedf3
```
#ceedf3 rgb(206,237,243)
```
#def3f7
```
#def3f7 rgb(222,243,247)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#778486
```
#778486 rgb(119,132,134)
```
#6d8b90
```
#6d8b90 rgb(109,139,144)
```
#649299
```
#649299 rgb(100,146,153)
```
#5a98a3
```
#5a98a3 rgb(90,152,163)
```
#509fad
```
#509fad rgb(80,159,173)
```
#46a6b7
```
#46a6b7 rgb(70,166,183)
```
#3dadc0
```
#3dadc0 rgb(61,173,192)
```
#33b4ca
```
#33b4ca rgb(51,180,202)
```
#29bbd4
```
#29bbd4 rgb(41,187,212)
```
#20c2dd
```
#20c2dd rgb(32,194,221)
```
#16c9e7
```
#16c9e7 rgb(22,201,231)
```
#0cd0f1
```
#0cd0f1 rgb(12,208,241)
```
#02d6fb
```
#02d6fb rgb(2,214,251)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d979c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a8c3 Protanopia 1% of men
#a2a6d3 Deuteranopia 1% of men
#37b8c6 Tritanopia 0.001% of the population

Trichromacy

#7bacc5 Protanomaly 1% of men, 0.01% of women
#79abcf Deuteranomaly 6% of men, 0.4% of women
#35b7c7 Tritanomaly 0.01% of the population