#33a4bb Color Information
In a RGB color space, hex #33a4bb is composed of 20% red, 64.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 12.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 190.1 degrees, a saturation of 57.1% and a lightness of 46.7%. #33a4bb color hex could be obtained by blending #66ffff with #004977. Closest websafe color is: #3399cc.
-
- R 20
- G 64
- B 73
-
- C 73
- M 12
- Y 0
- K 27
● #33a4bb color description : Moderate cyan.
#33a4bb Color Conversion
The hexadecimal color #33a4bb has RGB values of R:51, G:164, B:187 and CMYK values of C:0.73, M:0.12, Y:0, K:0.27. Its decimal value is 3384507.
Hex triplet | 33a4bb | #33a4bb |
---|---|---|
RGB Decimal | 51, 164, 187 | rgb(51,164,187) |
RGB Percent | 20, 64.3, 73.3 | rgb(20%,64.3%,73.3%) |
CMYK | 73, 12, 0, 27 | |
HSL | 190.1°, 57.1, 46.7 | hsl(190.1,57.1%,46.7%) |
HSV (or HSB) | 190.1°, 72.7, 73.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.373, -23.515, -20.924 |
---|---|
XYZ | 23.608, 30.84, 51.72 |
xyY | 0.222, 0.29, 30.84 |
CIE-LCH | 62.373, 31.476, 221.663 |
CIE-LUV | 62.373, -41.034, -28.843 |
Hunter-Lab | 55.534, -21.304, -16.343 |
Binary | 00110011, 10100100, 10111011 |
Color Schemes with #33a4bb
Alternatives to #33a4bb
Below, you can see some colors close to #33a4bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a4bb Preview
This text has a font color of #33a4bb.
<span style="color:#33a4bb;">Text here</span>
This paragraph has a background color of #33a4bb.
<p style="background-color:#33a4bb;">Content here</p>
This element has a border color of #33a4bb.
<div style="border:1px solid #33a4bb;">Content here</div>
.text {color:#33a4bb;}
.background {background-color:#33a4bb;}
.border {border:1px solid #33a4bb;}
Shades and Tints of #33a4bb
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)
-
#091d21
#091d21
rgb(9,29,33)
-
#0d2a30
#0d2a30
rgb(13,42,48)
-
#113840
#113840
rgb(17,56,64)
-
#16454f
#16454f
rgb(22,69,79)
-
#1a535f
#1a535f
rgb(26,83,95)
-
#1e606e
#1e606e
rgb(30,96,110)
-
#226e7d
#226e7d
rgb(34,110,125)
-
#267b8d
#267b8d
rgb(38,123,141)
-
#2b899c
#2b899c
rgb(43,137,156)
-
#2f96ac
#2f96ac
rgb(47,150,172)
-
#33a4bb
#33a4bb
rgb(51,164,187)
-
#39b1c9
#39b1c9
rgb(57,177,201)
-
#48b7cd
#48b7cd
rgb(72,183,205)
-
#58bdd1
#58bdd1
rgb(88,189,209)
-
#67c3d6
#67c3d6
rgb(103,195,214)
-
#76c9da
#76c9da
rgb(118,201,218)
-
#86cfde
#86cfde
rgb(134,207,222)
-
#95d5e2
#95d5e2
rgb(149,213,226)
-
#a5dbe6
#a5dbe6
rgb(165,219,230)
-
#b4e1eb
#b4e1eb
rgb(180,225,235)
-
#c3e7ef
#c3e7ef
rgb(195,231,239)
-
#d3eef3
#d3eef3
rgb(211,238,243)
-
#e2f4f7
#e2f4f7
rgb(226,244,247)
-
#f2fafb
#f2fafb
rgb(242,250,251)
Tones of #33a4bb
A tone is produced by adding gray to any pure hue. In this case, #737a7b is the less saturated color, while #05c2e9 is the most saturated one.
-
#737a7b
#737a7b
rgb(115,122,123)
-
#6a8084
#6a8084
rgb(106,128,132)
-
#61868d
#61868d
rgb(97,134,141)
-
#588c96
#588c96
rgb(88,140,150)
-
#4e92a0
#4e92a0
rgb(78,146,160)
-
#4598a9
#4598a9
rgb(69,152,169)
-
#3c9eb2
#3c9eb2
rgb(60,158,178)
-
#33a4bb
#33a4bb
rgb(51,164,187)
-
#2aaac4
#2aaac4
rgb(42,170,196)
-
#21b0cd
#21b0cd
rgb(33,176,205)
-
#18b6d6
#18b6d6
rgb(24,182,214)
-
#0ebce0
#0ebce0
rgb(14,188,224)
-
#05c2e9
#05c2e9
rgb(5,194,233)
Color Blindness Simulator
Below, you can see how #33a4bb 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.