#33baf3 Color Information
In a RGB color space, hex #33baf3 is composed of 20% red, 72.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 23.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 197.8 degrees, a saturation of 88.9% and a lightness of 57.6%. #33baf3 color hex could be obtained by blending #66ffff with #0075e7. Closest websafe color is: #33ccff.
-
- R 20
- G 73
- B 95
-
- C 79
- M 23
- Y 0
- K 5
● #33baf3 color description : Bright blue.
#33baf3 Color Conversion
The hexadecimal color #33baf3 has RGB values of R:51, G:186, B:243 and CMYK values of C:0.79, M:0.23, Y:0, K:0.05. Its decimal value is 3390195.
Hex triplet | 33baf3 | #33baf3 |
---|---|---|
RGB Decimal | 51, 186, 243 | rgb(51,186,243) |
RGB Percent | 20, 72.9, 95.3 | rgb(20%,72.9%,95.3%) |
CMYK | 79, 23, 0, 5 | |
HSL | 197.8°, 88.9, 57.6 | hsl(197.8,88.9%,57.6%) |
HSV (or HSB) | 197.8°, 79, 95.3 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.07, -16.587, -38.339 |
---|---|
XYZ | 35.098, 42.29, 91.102 |
xyY | 0.208, 0.251, 42.29 |
CIE-LCH | 71.07, 41.773, 246.605 |
CIE-LUV | 71.07, -45.201, -59.7 |
Hunter-Lab | 65.03, -17.465, -37.539 |
Binary | 00110011, 10111010, 11110011 |
Color Schemes with #33baf3
Alternatives to #33baf3
Below, you can see some colors close to #33baf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33baf3 Preview
This text has a font color of #33baf3.
<span style="color:#33baf3;">Text here</span>
This paragraph has a background color of #33baf3.
<p style="background-color:#33baf3;">Content here</p>
This element has a border color of #33baf3.
<div style="border:1px solid #33baf3;">Content here</div>
.text {color:#33baf3;}
.background {background-color:#33baf3;}
.border {border:1px solid #33baf3;}
Shades and Tints of #33baf3
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, #010d12 is the darkest color, while #ffffff is the lightest one.
-
#010d12
#010d12
rgb(1,13,18)
-
#021b25
#021b25
rgb(2,27,37)
-
#032837
#032837
rgb(3,40,55)
-
#04354a
#04354a
rgb(4,53,74)
-
#05435c
#05435c
rgb(5,67,92)
-
#07506f
#07506f
rgb(7,80,111)
-
#085d81
#085d81
rgb(8,93,129)
-
#096b94
#096b94
rgb(9,107,148)
-
#0a78a7
#0a78a7
rgb(10,120,167)
-
#0b85b9
#0b85b9
rgb(11,133,185)
-
#0c93cc
#0c93cc
rgb(12,147,204)
-
#0da0de
#0da0de
rgb(13,160,222)
-
#0eadf1
#0eadf1
rgb(14,173,241)
-
#20b4f2
#20b4f2
rgb(32,180,242)
-
#33baf3
#33baf3
rgb(51,186,243)
-
#46c0f4
#46c0f4
rgb(70,192,244)
-
#58c7f5
#58c7f5
rgb(88,199,245)
-
#6bcdf6
#6bcdf6
rgb(107,205,246)
-
#7dd3f7
#7dd3f7
rgb(125,211,247)
-
#90d9f8
#90d9f8
rgb(144,217,248)
-
#a2e0fa
#a2e0fa
rgb(162,224,250)
-
#b5e6fb
#b5e6fb
rgb(181,230,251)
-
#c7ecfc
#c7ecfc
rgb(199,236,252)
-
#daf2fd
#daf2fd
rgb(218,242,253)
-
#ecf9fe
#ecf9fe
rgb(236,249,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #33baf3
A tone is produced by adding gray to any pure hue. In this case, #8e9598 is the less saturated color, while #2bbdfb is the most saturated one.
-
#8e9598
#8e9598
rgb(142,149,152)
-
#8698a0
#8698a0
rgb(134,152,160)
-
#7e9ca8
#7e9ca8
rgb(126,156,168)
-
#759fb1
#759fb1
rgb(117,159,177)
-
#6da2b9
#6da2b9
rgb(109,162,185)
-
#65a6c1
#65a6c1
rgb(101,166,193)
-
#5da9c9
#5da9c9
rgb(93,169,201)
-
#54add2
#54add2
rgb(84,173,210)
-
#4cb0da
#4cb0da
rgb(76,176,218)
-
#44b3e2
#44b3e2
rgb(68,179,226)
-
#3bb7eb
#3bb7eb
rgb(59,183,235)
-
#33baf3
#33baf3
rgb(51,186,243)
-
#2bbdfb
#2bbdfb
rgb(43,189,251)
Color Blindness Simulator
Below, you can see how #33baf3 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.