#33a5fa Color Information
In a RGB color space, hex #33a5fa is composed of 20% red, 64.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 34% magenta, 0% yellow and 2% black. It has a hue angle of 205.6 degrees, a saturation of 95.2% and a lightness of 59%. #33a5fa color hex could be obtained by blending #66ffff with #004bf5. Closest websafe color is: #3399ff.
-
- R 20
- G 65
- B 98
-
- C 80
- M 34
- Y 0
- K 2
● #33a5fa color description : Bright blue.
#33a5fa Color Conversion
The hexadecimal color #33a5fa has RGB values of R:51, G:165, B:250 and CMYK values of C:0.8, M:0.34, Y:0, K:0.02. Its decimal value is 3384826.
Hex triplet | 33a5fa | #33a5fa |
---|---|---|
RGB Decimal | 51, 165, 250 | rgb(51,165,250) |
RGB Percent | 20, 64.7, 98 | rgb(20%,64.7%,98%) |
CMYK | 80, 34, 0, 2 | |
HSL | 205.6°, 95.2, 59 | hsl(205.6,95.2%,59%) |
HSV (or HSB) | 205.6°, 79.6, 98 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.368, -2.63, -51.094 |
---|---|
XYZ | 32.072, 34.513, 95.409 |
xyY | 0.198, 0.213, 34.513 |
CIE-LCH | 65.368, 51.162, 267.053 |
CIE-LUV | 65.368, -37.72, -82.242 |
Hunter-Lab | 58.748, -5.363, -55.165 |
Binary | 00110011, 10100101, 11111010 |
Color Schemes with #33a5fa
Alternatives to #33a5fa
Below, you can see some colors close to #33a5fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33a5fa Preview
This text has a font color of #33a5fa.
<span style="color:#33a5fa;">Text here</span>
This paragraph has a background color of #33a5fa.
<p style="background-color:#33a5fa;">Content here</p>
This element has a border color of #33a5fa.
<div style="border:1px solid #33a5fa;">Content here</div>
.text {color:#33a5fa;}
.background {background-color:#33a5fa;}
.border {border:1px solid #33a5fa;}
Shades and Tints of #33a5fa
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, #000407 is the darkest color, while #f2f9ff is the lightest one.
-
#000407
#000407
rgb(0,4,7)
-
#010f1a
#010f1a
rgb(1,15,26)
-
#011a2d
#011a2d
rgb(1,26,45)
-
#022540
#022540
rgb(2,37,64)
-
#023153
#023153
rgb(2,49,83)
-
#033c66
#033c66
rgb(3,60,102)
-
#034779
#034779
rgb(3,71,121)
-
#03528d
#03528d
rgb(3,82,141)
-
#045da0
#045da0
rgb(4,93,160)
-
#0468b3
#0468b3
rgb(4,104,179)
-
#0574c6
#0574c6
rgb(5,116,198)
-
#057fd9
#057fd9
rgb(5,127,217)
-
#068aec
#068aec
rgb(6,138,236)
-
#0d94f9
#0d94f9
rgb(13,148,249)
-
#209dfa
#209dfa
rgb(32,157,250)
-
#33a5fa
#33a5fa
rgb(51,165,250)
-
#46adfa
#46adfa
rgb(70,173,250)
-
#59b6fb
#59b6fb
rgb(89,182,251)
-
#6cbefb
#6cbefb
rgb(108,190,251)
-
#80c7fc
#80c7fc
rgb(128,199,252)
-
#93cffc
#93cffc
rgb(147,207,252)
-
#a6d8fd
#a6d8fd
rgb(166,216,253)
-
#b9e0fd
#b9e0fd
rgb(185,224,253)
-
#cce9fe
#cce9fe
rgb(204,233,254)
-
#dff1fe
#dff1fe
rgb(223,241,254)
-
#f2f9ff
#f2f9ff
rgb(242,249,255)
Tones of #33a5fa
A tone is produced by adding gray to any pure hue. In this case, #93979a is the less saturated color, while #33a5fa is the most saturated one.
-
#93979a
#93979a
rgb(147,151,154)
-
#8b98a2
#8b98a2
rgb(139,152,162)
-
#8399aa
#8399aa
rgb(131,153,170)
-
#7b9ab2
#7b9ab2
rgb(123,154,178)
-
#739cba
#739cba
rgb(115,156,186)
-
#6b9dc2
#6b9dc2
rgb(107,157,194)
-
#639eca
#639eca
rgb(99,158,202)
-
#5b9fd2
#5b9fd2
rgb(91,159,210)
-
#53a0da
#53a0da
rgb(83,160,218)
-
#4ba1e2
#4ba1e2
rgb(75,161,226)
-
#43a3ea
#43a3ea
rgb(67,163,234)
-
#3ba4f2
#3ba4f2
rgb(59,164,242)
-
#33a5fa
#33a5fa
rgb(51,165,250)
Color Blindness Simulator
Below, you can see how #33a5fa 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.