#33b5e2 Color Information
In a RGB color space, hex #33b5e2 is composed of 20% red, 71% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 19.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 195.4 degrees, a saturation of 75.1% and a lightness of 54.3%. #33b5e2 color hex could be obtained by blending #66ffff with #006bc5. Closest websafe color is: #33cccc.
-
- R 20
- G 71
- B 89
-
- C 77
- M 20
- Y 0
- K 11
● #33b5e2 color description : Bright blue.
#33b5e2 Color Conversion
The hexadecimal color #33b5e2 has RGB values of R:51, G:181, B:226 and CMYK values of C:0.77, M:0.2, Y:0, K:0.11. Its decimal value is 3388898.
Hex triplet | 33b5e2 | #33b5e2 |
---|---|---|
RGB Decimal | 51, 181, 226 | rgb(51,181,226) |
RGB Percent | 20, 71, 88.6 | rgb(20%,71%,88.6%) |
CMYK | 77, 20, 0, 11 | |
HSL | 195.4°, 75.1, 54.3 | hsl(195.4,75.1%,54.3%) |
HSV (or HSB) | 195.4°, 77.4, 88.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 68.925, -19.627, -32.422 |
---|---|
XYZ | 31.613, 39.24, 77.855 |
xyY | 0.213, 0.264, 39.24 |
CIE-LCH | 68.925, 37.899, 238.811 |
CIE-LUV | 68.925, -44.56, -49.007 |
Hunter-Lab | 62.642, -19.54, -29.841 |
Binary | 00110011, 10110101, 11100010 |
Color Schemes with #33b5e2
Alternatives to #33b5e2
Below, you can see some colors close to #33b5e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33b5e2 Preview
This text has a font color of #33b5e2.
<span style="color:#33b5e2;">Text here</span>
This paragraph has a background color of #33b5e2.
<p style="background-color:#33b5e2;">Content here</p>
This element has a border color of #33b5e2.
<div style="border:1px solid #33b5e2;">Content here</div>
.text {color:#33b5e2;}
.background {background-color:#33b5e2;}
.border {border:1px solid #33b5e2;}
Shades and Tints of #33b5e2
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, #000202 is the darkest color, while #f0fafd is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#030f13
#030f13
rgb(3,15,19)
-
#051c24
#051c24
rgb(5,28,36)
-
#082a36
#082a36
rgb(8,42,54)
-
#0a3747
#0a3747
rgb(10,55,71)
-
#0d4558
#0d4558
rgb(13,69,88)
-
#0f5269
#0f5269
rgb(15,82,105)
-
#115f7a
#115f7a
rgb(17,95,122)
-
#146d8b
#146d8b
rgb(20,109,139)
-
#167a9d
#167a9d
rgb(22,122,157)
-
#1987ae
#1987ae
rgb(25,135,174)
-
#1b95bf
#1b95bf
rgb(27,149,191)
-
#1ea2d0
#1ea2d0
rgb(30,162,208)
-
#22afe0
#22afe0
rgb(34,175,224)
-
#33b5e2
#33b5e2
rgb(51,181,226)
-
#44bbe4
#44bbe4
rgb(68,187,228)
-
#55c1e7
#55c1e7
rgb(85,193,231)
-
#67c8e9
#67c8e9
rgb(103,200,233)
-
#78ceec
#78ceec
rgb(120,206,236)
-
#89d4ee
#89d4ee
rgb(137,212,238)
-
#9adaf1
#9adaf1
rgb(154,218,241)
-
#abe1f3
#abe1f3
rgb(171,225,243)
-
#bce7f6
#bce7f6
rgb(188,231,246)
-
#ceedf8
#ceedf8
rgb(206,237,248)
-
#dff3fa
#dff3fa
rgb(223,243,250)
-
#f0fafd
#f0fafd
rgb(240,250,253)
Tones of #33b5e2
A tone is produced by adding gray to any pure hue. In this case, #848e91 is the less saturated color, while #18c2fd is the most saturated one.
-
#848e91
#848e91
rgb(132,142,145)
-
#7b929a
#7b929a
rgb(123,146,154)
-
#7297a3
#7297a3
rgb(114,151,163)
-
#699bac
#699bac
rgb(105,155,172)
-
#609fb5
#609fb5
rgb(96,159,181)
-
#57a4be
#57a4be
rgb(87,164,190)
-
#4ea8c7
#4ea8c7
rgb(78,168,199)
-
#45acd0
#45acd0
rgb(69,172,208)
-
#3cb1d9
#3cb1d9
rgb(60,177,217)
-
#33b5e2
#33b5e2
rgb(51,181,226)
-
#2ab9eb
#2ab9eb
rgb(42,185,235)
-
#21bef4
#21bef4
rgb(33,190,244)
-
#18c2fd
#18c2fd
rgb(24,194,253)
Color Blindness Simulator
Below, you can see how #33b5e2 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.