#3caaf3 Color Information
In a RGB color space, hex #3caaf3 is composed of 23.5% red, 66.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 30% magenta, 0% yellow and 4.7% black. It has a hue angle of 203.9 degrees, a saturation of 88.4% and a lightness of 59.4%. #3caaf3 color hex could be obtained by blending #78ffff with #0055e7. Closest websafe color is: #3399ff.
-
- R 24
- G 67
- B 95
-
- C 75
- M 30
- Y 0
- K 5
● #3caaf3 color description : Bright blue.
#3caaf3 Color Conversion
The hexadecimal color #3caaf3 has RGB values of R:60, G:170, B:243 and CMYK values of C:0.75, M:0.3, Y:0, K:0.05. Its decimal value is 3975923.
Hex triplet | 3caaf3 | #3caaf3 |
---|---|---|
RGB Decimal | 60, 170, 243 | rgb(60,170,243) |
RGB Percent | 23.5, 66.7, 95.3 | rgb(23.5%,66.7%,95.3%) |
CMYK | 75, 30, 0, 5 | |
HSL | 203.9°, 88.4, 59.4 | hsl(203.9,88.4%,59.4%) |
HSV (or HSB) | 203.9°, 75.3, 95.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.656, -6.955, -45.231 |
---|---|
XYZ | 32.412, 36.178, 90.064 |
xyY | 0.204, 0.228, 36.178 |
CIE-LCH | 66.656, 45.763, 261.259 |
CIE-LUV | 66.656, -38.527, -72.036 |
Hunter-Lab | 60.149, -9.073, -46.675 |
Binary | 00111100, 10101010, 11110011 |
Color Schemes with #3caaf3
Alternatives to #3caaf3
Below, you can see some colors close to #3caaf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caaf3 Preview
This text has a font color of #3caaf3.
<span style="color:#3caaf3;">Text here</span>
This paragraph has a background color of #3caaf3.
<p style="background-color:#3caaf3;">Content here</p>
This element has a border color of #3caaf3.
<div style="border:1px solid #3caaf3;">Content here</div>
.text {color:#3caaf3;}
.background {background-color:#3caaf3;}
.border {border:1px solid #3caaf3;}
Shades and Tints of #3caaf3
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, #010508 is the darkest color, while #f5fbfe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#02111b
#02111b
rgb(2,17,27)
-
#031c2d
#031c2d
rgb(3,28,45)
-
#042840
#042840
rgb(4,40,64)
-
#053352
#053352
rgb(5,51,82)
-
#063f65
#063f65
rgb(6,63,101)
-
#074b77
#074b77
rgb(7,75,119)
-
#08568a
#08568a
rgb(8,86,138)
-
#0a629c
#0a629c
rgb(10,98,156)
-
#0b6daf
#0b6daf
rgb(11,109,175)
-
#0c79c1
#0c79c1
rgb(12,121,193)
-
#0d84d4
#0d84d4
rgb(13,132,212)
-
#0e90e6
#0e90e6
rgb(14,144,230)
-
#179af1
#179af1
rgb(23,154,241)
-
#2aa2f2
#2aa2f2
rgb(42,162,242)
-
#3caaf3
#3caaf3
rgb(60,170,243)
-
#4eb2f4
#4eb2f4
rgb(78,178,244)
-
#61baf5
#61baf5
rgb(97,186,245)
-
#73c2f6
#73c2f6
rgb(115,194,246)
-
#86caf8
#86caf8
rgb(134,202,248)
-
#98d2f9
#98d2f9
rgb(152,210,249)
-
#abdafa
#abdafa
rgb(171,218,250)
-
#bde2fb
#bde2fb
rgb(189,226,251)
-
#d0eafc
#d0eafc
rgb(208,234,252)
-
#e2f2fd
#e2f2fd
rgb(226,242,253)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #3caaf3
A tone is produced by adding gray to any pure hue. In this case, #94989b is the less saturated color, while #34acfb is the most saturated one.
-
#94989b
#94989b
rgb(148,152,155)
-
#8c9aa3
#8c9aa3
rgb(140,154,163)
-
#849cab
#849cab
rgb(132,156,171)
-
#7c9db3
#7c9db3
rgb(124,157,179)
-
#749fbb
#749fbb
rgb(116,159,187)
-
#6ca0c3
#6ca0c3
rgb(108,160,195)
-
#64a2cb
#64a2cb
rgb(100,162,203)
-
#5ca4d3
#5ca4d3
rgb(92,164,211)
-
#54a5db
#54a5db
rgb(84,165,219)
-
#4ca7e3
#4ca7e3
rgb(76,167,227)
-
#44a8eb
#44a8eb
rgb(68,168,235)
-
#3caaf3
#3caaf3
rgb(60,170,243)
-
#34acfb
#34acfb
rgb(52,172,251)
Color Blindness Simulator
Below, you can see how #3caaf3 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.