#33a5e4 Color Information
In a RGB color space, hex #33a5e4 is composed of 20% red, 64.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 27.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 201.4 degrees, a saturation of 76.6% and a lightness of 54.7%. #33a5e4 color hex could be obtained by blending #66ffff with #004bc9. Closest websafe color is: #3399cc.
-
- R 20
- G 65
- B 89
-
- C 78
- M 28
- Y 0
- K 11
● #33a5e4 color description : Bright blue.
#33a5e4 Color Conversion
The hexadecimal color #33a5e4 has RGB values of R:51, G:165, B:228 and CMYK values of C:0.78, M:0.28, Y:0, K:0.11. Its decimal value is 3384804.
Hex triplet | 33a5e4 | #33a5e4 |
---|---|---|
RGB Decimal | 51, 165, 228 | rgb(51,165,228) |
RGB Percent | 20, 64.7, 89.4 | rgb(20%,64.7%,89.4%) |
CMYK | 78, 28, 0, 11 | |
HSL | 201.4°, 76.6, 54.7 | hsl(201.4,76.6%,54.7%) |
HSV (or HSB) | 201.4°, 77.6, 89.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.333, -10.352, -40.668 |
---|---|
XYZ | 28.82, 33.213, 78.286 |
xyY | 0.205, 0.237, 33.213 |
CIE-LCH | 64.333, 41.964, 255.719 |
CIE-LUV | 64.333, -38.911, -63.554 |
Hunter-Lab | 57.631, -11.588, -40.199 |
Binary | 00110011, 10100101, 11100100 |
Color Schemes with #33a5e4
Alternatives to #33a5e4
Below, you can see some colors close to #33a5e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a5e4 Preview
This text has a font color of #33a5e4.
<span style="color:#33a5e4;">Text here</span>
This paragraph has a background color of #33a5e4.
<p style="background-color:#33a5e4;">Content here</p>
This element has a border color of #33a5e4.
<div style="border:1px solid #33a5e4;">Content here</div>
.text {color:#33a5e4;}
.background {background-color:#33a5e4;}
.border {border:1px solid #33a5e4;}
Shades and Tints of #33a5e4
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, #010304 is the darkest color, while #f2f9fd is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#030f15
#030f15
rgb(3,15,21)
-
#051b27
#051b27
rgb(5,27,39)
-
#072738
#072738
rgb(7,39,56)
-
#0a3349
#0a3349
rgb(10,51,73)
-
#0c3f5a
#0c3f5a
rgb(12,63,90)
-
#0e4b6c
#0e4b6c
rgb(14,75,108)
-
#11567d
#11567d
rgb(17,86,125)
-
#13628e
#13628e
rgb(19,98,142)
-
#156ea0
#156ea0
rgb(21,110,160)
-
#177ab1
#177ab1
rgb(23,122,177)
-
#1a86c2
#1a86c2
rgb(26,134,194)
-
#1c92d4
#1c92d4
rgb(28,146,212)
-
#229de2
#229de2
rgb(34,157,226)
-
#33a5e4
#33a5e4
rgb(51,165,228)
-
#44ade6
#44ade6
rgb(68,173,230)
-
#56b4e9
#56b4e9
rgb(86,180,233)
-
#67bceb
#67bceb
rgb(103,188,235)
-
#78c4ed
#78c4ed
rgb(120,196,237)
-
#8acbef
#8acbef
rgb(138,203,239)
-
#9bd3f2
#9bd3f2
rgb(155,211,242)
-
#acdaf4
#acdaf4
rgb(172,218,244)
-
#bee2f6
#bee2f6
rgb(190,226,246)
-
#cfeaf9
#cfeaf9
rgb(207,234,249)
-
#e0f1fb
#e0f1fb
rgb(224,241,251)
-
#f2f9fd
#f2f9fd
rgb(242,249,253)
Tones of #33a5e4
A tone is produced by adding gray to any pure hue. In this case, #838e94 is the less saturated color, while #18adff is the most saturated one.
-
#838e94
#838e94
rgb(131,142,148)
-
#7a919d
#7a919d
rgb(122,145,157)
-
#7193a6
#7193a6
rgb(113,147,166)
-
#6896af
#6896af
rgb(104,150,175)
-
#5f98b8
#5f98b8
rgb(95,152,184)
-
#579bc0
#579bc0
rgb(87,155,192)
-
#4e9dc9
#4e9dc9
rgb(78,157,201)
-
#45a0d2
#45a0d2
rgb(69,160,210)
-
#3ca2db
#3ca2db
rgb(60,162,219)
-
#33a5e4
#33a5e4
rgb(51,165,228)
-
#2aa8ed
#2aa8ed
rgb(42,168,237)
-
#21aaf6
#21aaf6
rgb(33,170,246)
-
#18adff
#18adff
rgb(24,173,255)
Color Blindness Simulator
Below, you can see how #33a5e4 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.