#33a2bb Color Information
In a RGB color space, hex #33a2bb is composed of 20% red, 63.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 13.4% magenta, 0% yellow and 26.7% black. It has a hue angle of 191 degrees, a saturation of 57.1% and a lightness of 46.7%. #33a2bb color hex could be obtained by blending #66ffff with #004577. Closest websafe color is: #3399cc.
-
- R 20
- G 64
- B 73
-
- C 73
- M 13
- Y 0
- K 27
● #33a2bb color description : Moderate cyan.
#33a2bb Color Conversion
The hexadecimal color #33a2bb has RGB values of R:51, G:162, B:187 and CMYK values of C:0.73, M:0.13, Y:0, K:0.27. Its decimal value is 3383995.
Hex triplet | 33a2bb | #33a2bb |
---|---|---|
RGB Decimal | 51, 162, 187 | rgb(51,162,187) |
RGB Percent | 20, 63.5, 73.3 | rgb(20%,63.5%,73.3%) |
CMYK | 73, 13, 0, 27 | |
HSL | 191°, 57.1, 46.7 | hsl(191,57.1%,46.7%) |
HSV (or HSB) | 191°, 72.7, 73.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.766, -22.485, -21.85 |
---|---|
XYZ | 23.253, 30.13, 51.601 |
xyY | 0.221, 0.287, 30.13 |
CIE-LCH | 61.766, 31.353, 224.179 |
CIE-LUV | 61.766, -40.313, -30.441 |
Hunter-Lab | 54.891, -20.444, -17.313 |
Binary | 00110011, 10100010, 10111011 |
Color Schemes with #33a2bb
Alternatives to #33a2bb
Below, you can see some colors close to #33a2bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a2bb Preview
This text has a font color of #33a2bb.
<span style="color:#33a2bb;">Text here</span>
This paragraph has a background color of #33a2bb.
<p style="background-color:#33a2bb;">Content here</p>
This element has a border color of #33a2bb.
<div style="border:1px solid #33a2bb;">Content here</div>
.text {color:#33a2bb;}
.background {background-color:#33a2bb;}
.border {border:1px solid #33a2bb;}
Shades and Tints of #33a2bb
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, #010202 is the darkest color, while #f2fafb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#050f11
#050f11
rgb(5,15,17)
-
#091c21
#091c21
rgb(9,28,33)
-
#0d2a30
#0d2a30
rgb(13,42,48)
-
#113740
#113740
rgb(17,55,64)
-
#16454f
#16454f
rgb(22,69,79)
-
#1a525f
#1a525f
rgb(26,82,95)
-
#1e5f6e
#1e5f6e
rgb(30,95,110)
-
#226d7d
#226d7d
rgb(34,109,125)
-
#267a8d
#267a8d
rgb(38,122,141)
-
#2b879c
#2b879c
rgb(43,135,156)
-
#2f95ac
#2f95ac
rgb(47,149,172)
-
#33a2bb
#33a2bb
rgb(51,162,187)
-
#39aec9
#39aec9
rgb(57,174,201)
-
#48b5cd
#48b5cd
rgb(72,181,205)
-
#58bbd1
#58bbd1
rgb(88,187,209)
-
#67c1d6
#67c1d6
rgb(103,193,214)
-
#76c7da
#76c7da
rgb(118,199,218)
-
#86cede
#86cede
rgb(134,206,222)
-
#95d4e2
#95d4e2
rgb(149,212,226)
-
#a5dae6
#a5dae6
rgb(165,218,230)
-
#b4e1eb
#b4e1eb
rgb(180,225,235)
-
#c3e7ef
#c3e7ef
rgb(195,231,239)
-
#d3edf3
#d3edf3
rgb(211,237,243)
-
#e2f3f7
#e2f3f7
rgb(226,243,247)
-
#f2fafb
#f2fafb
rgb(242,250,251)
Tones of #33a2bb
A tone is produced by adding gray to any pure hue. In this case, #73797b is the less saturated color, while #05bfe9 is the most saturated one.
-
#73797b
#73797b
rgb(115,121,123)
-
#6a7f84
#6a7f84
rgb(106,127,132)
-
#61858d
#61858d
rgb(97,133,141)
-
#588b96
#588b96
rgb(88,139,150)
-
#4e91a0
#4e91a0
rgb(78,145,160)
-
#4596a9
#4596a9
rgb(69,150,169)
-
#3c9cb2
#3c9cb2
rgb(60,156,178)
-
#33a2bb
#33a2bb
rgb(51,162,187)
-
#2aa8c4
#2aa8c4
rgb(42,168,196)
-
#21aecd
#21aecd
rgb(33,174,205)
-
#18b3d6
#18b3d6
rgb(24,179,214)
-
#0eb9e0
#0eb9e0
rgb(14,185,224)
-
#05bfe9
#05bfe9
rgb(5,191,233)
Color Blindness Simulator
Below, you can see how #33a2bb 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.