#3caef3 Color Information
In a RGB color space, hex #3caef3 is composed of 23.5% red, 68.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 28.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 202.6 degrees, a saturation of 88.4% and a lightness of 59.4%. #3caef3 color hex could be obtained by blending #78ffff with #005de7. Closest websafe color is: #3399ff.
-
- R 24
- G 68
- B 95
-
- C 75
- M 28
- Y 0
- K 5
● #3caef3 color description : Bright blue.
#3caef3 Color Conversion
The hexadecimal color #3caef3 has RGB values of R:60, G:174, B:243 and CMYK values of C:0.75, M:0.28, Y:0, K:0.05. Its decimal value is 3976947.
Hex triplet | 3caef3 | #3caef3 |
---|---|---|
RGB Decimal | 60, 174, 243 | rgb(60,174,243) |
RGB Percent | 23.5, 68.2, 95.3 | rgb(23.5%,68.2%,95.3%) |
CMYK | 75, 28, 0, 5 | |
HSL | 202.6°, 88.4, 59.4 | hsl(202.6,88.4%,59.4%) |
HSV (or HSB) | 202.6°, 75.3, 95.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.8, -9.17, -43.436 |
---|---|
XYZ | 33.173, 37.701, 90.318 |
xyY | 0.206, 0.234, 37.701 |
CIE-LCH | 67.8, 44.393, 258.079 |
CIE-LUV | 67.8, -39.889, -68.894 |
Hunter-Lab | 61.401, -11.014, -44.232 |
Binary | 00111100, 10101110, 11110011 |
Color Schemes with #3caef3
Alternatives to #3caef3
Below, you can see some colors close to #3caef3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caef3 Preview
This text has a font color of #3caef3.
<span style="color:#3caef3;">Text here</span>
This paragraph has a background color of #3caef3.
<p style="background-color:#3caef3;">Content here</p>
This element has a border color of #3caef3.
<div style="border:1px solid #3caef3;">Content here</div>
.text {color:#3caef3;}
.background {background-color:#3caef3;}
.border {border:1px solid #3caef3;}
Shades and Tints of #3caef3
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)
-
#031d2d
#031d2d
rgb(3,29,45)
-
#042940
#042940
rgb(4,41,64)
-
#053552
#053552
rgb(5,53,82)
-
#064165
#064165
rgb(6,65,101)
-
#074d77
#074d77
rgb(7,77,119)
-
#08598a
#08598a
rgb(8,89,138)
-
#0a659c
#0a659c
rgb(10,101,156)
-
#0b71af
#0b71af
rgb(11,113,175)
-
#0c7dc1
#0c7dc1
rgb(12,125,193)
-
#0d89d4
#0d89d4
rgb(13,137,212)
-
#0e95e6
#0e95e6
rgb(14,149,230)
-
#179ff1
#179ff1
rgb(23,159,241)
-
#2aa6f2
#2aa6f2
rgb(42,166,242)
-
#3caef3
#3caef3
rgb(60,174,243)
-
#4eb6f4
#4eb6f4
rgb(78,182,244)
-
#61bdf5
#61bdf5
rgb(97,189,245)
-
#73c5f6
#73c5f6
rgb(115,197,246)
-
#86cdf8
#86cdf8
rgb(134,205,248)
-
#98d4f9
#98d4f9
rgb(152,212,249)
-
#abdcfa
#abdcfa
rgb(171,220,250)
-
#bde4fb
#bde4fb
rgb(189,228,251)
-
#d0ebfc
#d0ebfc
rgb(208,235,252)
-
#e2f3fd
#e2f3fd
rgb(226,243,253)
-
#f5fbfe
#f5fbfe
rgb(245,251,254)
Tones of #3caef3
A tone is produced by adding gray to any pure hue. In this case, #94989b is the less saturated color, while #34b0fb is the most saturated one.
-
#94989b
#94989b
rgb(148,152,155)
-
#8c9aa3
#8c9aa3
rgb(140,154,163)
-
#849cab
#849cab
rgb(132,156,171)
-
#7c9eb3
#7c9eb3
rgb(124,158,179)
-
#74a0bb
#74a0bb
rgb(116,160,187)
-
#6ca2c3
#6ca2c3
rgb(108,162,195)
-
#64a4cb
#64a4cb
rgb(100,164,203)
-
#5ca6d3
#5ca6d3
rgb(92,166,211)
-
#54a8db
#54a8db
rgb(84,168,219)
-
#4caae3
#4caae3
rgb(76,170,227)
-
#44aceb
#44aceb
rgb(68,172,235)
-
#3caef3
#3caef3
rgb(60,174,243)
-
#34b0fb
#34b0fb
rgb(52,176,251)
Color Blindness Simulator
Below, you can see how #3caef3 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.