#3dbaf2 Color Information
In a RGB color space, hex #3dbaf2 is composed of 23.9% red, 72.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 23.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 198.6 degrees, a saturation of 87.4% and a lightness of 59.4%. #3dbaf2 color hex could be obtained by blending #7affff with #0075e5. Closest websafe color is: #33ccff.
-
- R 24
- G 73
- B 95
-
- C 75
- M 23
- Y 0
- K 5
● #3dbaf2 color description : Bright blue.
#3dbaf2 Color Conversion
The hexadecimal color #3dbaf2 has RGB values of R:61, G:186, B:242 and CMYK values of C:0.75, M:0.23, Y:0, K:0.05. Its decimal value is 4045554.
Hex triplet | 3dbaf2 | #3dbaf2 |
---|---|---|
RGB Decimal | 61, 186, 242 | rgb(61,186,242) |
RGB Percent | 23.9, 72.9, 94.9 | rgb(23.9%,72.9%,94.9%) |
CMYK | 75, 23, 0, 5 | |
HSL | 198.6°, 87.4, 59.4 | hsl(198.6,87.4%,59.4%) |
HSV (or HSB) | 198.6°, 74.8, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.226, -15.874, -37.539 |
---|---|
XYZ | 35.506, 42.518, 90.335 |
xyY | 0.211, 0.253, 42.518 |
CIE-LCH | 71.226, 40.758, 247.079 |
CIE-LUV | 71.226, -43.921, -58.423 |
Hunter-Lab | 65.206, -16.911, -36.496 |
Binary | 00111101, 10111010, 11110010 |
Color Schemes with #3dbaf2
Alternatives to #3dbaf2
Below, you can see some colors close to #3dbaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3dbaf2 Preview
This text has a font color of #3dbaf2.
<span style="color:#3dbaf2;">Text here</span>
This paragraph has a background color of #3dbaf2.
<p style="background-color:#3dbaf2;">Content here</p>
This element has a border color of #3dbaf2.
<div style="border:1px solid #3dbaf2;">Content here</div>
.text {color:#3dbaf2;}
.background {background-color:#3dbaf2;}
.border {border:1px solid #3dbaf2;}
Shades and Tints of #3dbaf2
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, #010608 is the darkest color, while #f5fbfe is the lightest one.
-
#010608
#010608
rgb(1,6,8)
-
#02131b
#02131b
rgb(2,19,27)
-
#03202d
#03202d
rgb(3,32,45)
-
#042d3f
#042d3f
rgb(4,45,63)
-
#053a52
#053a52
rgb(5,58,82)
-
#074764
#074764
rgb(7,71,100)
-
#085477
#085477
rgb(8,84,119)
-
#096189
#096189
rgb(9,97,137)
-
#0a6e9b
#0a6e9b
rgb(10,110,155)
-
#0c7cae
#0c7cae
rgb(12,124,174)
-
#0d89c0
#0d89c0
rgb(13,137,192)
-
#0e96d2
#0e96d2
rgb(14,150,210)
-
#0fa3e5
#0fa3e5
rgb(15,163,229)
-
#18adf0
#18adf0
rgb(24,173,240)
-
#2bb3f1
#2bb3f1
rgb(43,179,241)
-
#3dbaf2
#3dbaf2
rgb(61,186,242)
-
#4fc1f3
#4fc1f3
rgb(79,193,243)
-
#62c7f4
#62c7f4
rgb(98,199,244)
-
#74cef6
#74cef6
rgb(116,206,246)
-
#87d4f7
#87d4f7
rgb(135,212,247)
-
#99dbf8
#99dbf8
rgb(153,219,248)
-
#abe1f9
#abe1f9
rgb(171,225,249)
-
#bee8fb
#bee8fb
rgb(190,232,251)
-
#d0eefc
#d0eefc
rgb(208,238,252)
-
#e2f5fd
#e2f5fd
rgb(226,245,253)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #3dbaf2
A tone is produced by adding gray to any pure hue. In this case, #95999a is the less saturated color, while #35bdfa is the most saturated one.
-
#95999a
#95999a
rgb(149,153,154)
-
#8d9ca2
#8d9ca2
rgb(141,156,162)
-
#859faa
#859faa
rgb(133,159,170)
-
#7da2b2
#7da2b2
rgb(125,162,178)
-
#75a5ba
#75a5ba
rgb(117,165,186)
-
#6da8c2
#6da8c2
rgb(109,168,194)
-
#65abca
#65abca
rgb(101,171,202)
-
#5daed2
#5daed2
rgb(93,174,210)
-
#55b1da
#55b1da
rgb(85,177,218)
-
#4db4e2
#4db4e2
rgb(77,180,226)
-
#45b7ea
#45b7ea
rgb(69,183,234)
-
#3dbaf2
#3dbaf2
rgb(61,186,242)
-
#35bdfa
#35bdfa
rgb(53,189,250)
Color Blindness Simulator
Below, you can see how #3dbaf2 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.