#3caafc Color Information
In a RGB color space, hex #3caafc is composed of 23.5% red, 66.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 32.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 205.6 degrees, a saturation of 97% and a lightness of 61.2%. #3caafc color hex could be obtained by blending #78ffff with #0055f9. Closest websafe color is: #3399ff.
-
- R 24
- G 67
- B 99
-
- C 76
- M 33
- Y 0
- K 1
● #3caafc color description : Bright blue.
#3caafc Color Conversion
The hexadecimal color #3caafc has RGB values of R:60, G:170, B:252 and CMYK values of C:0.76, M:0.33, Y:0, K:0.01. Its decimal value is 3975932.
Hex triplet | 3caafc | #3caafc |
---|---|---|
RGB Decimal | 60, 170, 252 | rgb(60,170,252) |
RGB Percent | 23.5, 66.7, 98.8 | rgb(23.5%,66.7%,98.8%) |
CMYK | 76, 33, 0, 1 | |
HSL | 205.6°, 97, 61.2 | hsl(205.6,97%,61.2%) |
HSV (or HSB) | 205.6°, 76.2, 98.8 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.078, -3.84, -49.468 |
---|---|
XYZ | 33.805, 36.736, 97.399 |
xyY | 0.201, 0.219, 36.736 |
CIE-LCH | 67.078, 49.617, 265.561 |
CIE-LUV | 67.078, -38.075, -79.669 |
Hunter-Lab | 60.61, -6.51, -52.851 |
Binary | 00111100, 10101010, 11111100 |
Color Schemes with #3caafc
Alternatives to #3caafc
Below, you can see some colors close to #3caafc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caafc Preview
This text has a font color of #3caafc.
<span style="color:#3caafc;">Text here</span>
This paragraph has a background color of #3caafc.
<p style="background-color:#3caafc;">Content here</p>
This element has a border color of #3caafc.
<div style="border:1px solid #3caafc;">Content here</div>
.text {color:#3caafc;}
.background {background-color:#3caafc;}
.border {border:1px solid #3caafc;}
Shades and Tints of #3caafc
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, #000a12 is the darkest color, while #fdfeff is the lightest one.
-
#000a12
#000a12
rgb(0,10,18)
-
#011525
#011525
rgb(1,21,37)
-
#012138
#012138
rgb(1,33,56)
-
#012c4b
#012c4b
rgb(1,44,75)
-
#01375f
#01375f
rgb(1,55,95)
-
#024272
#024272
rgb(2,66,114)
-
#024d85
#024d85
rgb(2,77,133)
-
#025999
#025999
rgb(2,89,153)
-
#0364ac
#0364ac
rgb(3,100,172)
-
#036fbf
#036fbf
rgb(3,111,191)
-
#037ad3
#037ad3
rgb(3,122,211)
-
#0485e6
#0485e6
rgb(4,133,230)
-
#0490f9
#0490f9
rgb(4,144,249)
-
#1599fb
#1599fb
rgb(21,153,251)
-
#29a2fc
#29a2fc
rgb(41,162,252)
-
#3caafc
#3caafc
rgb(60,170,252)
-
#4fb2fc
#4fb2fc
rgb(79,178,252)
-
#63bbfd
#63bbfd
rgb(99,187,253)
-
#76c3fd
#76c3fd
rgb(118,195,253)
-
#89ccfd
#89ccfd
rgb(137,204,253)
-
#9dd4fd
#9dd4fd
rgb(157,212,253)
-
#b0ddfe
#b0ddfe
rgb(176,221,254)
-
#c3e5fe
#c3e5fe
rgb(195,229,254)
-
#d7edfe
#d7edfe
rgb(215,237,254)
-
#eaf6ff
#eaf6ff
rgb(234,246,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #3caafc
A tone is produced by adding gray to any pure hue. In this case, #979da1 is the less saturated color, while #3caafc is the most saturated one.
-
#979da1
#979da1
rgb(151,157,161)
-
#909ea8
#909ea8
rgb(144,158,168)
-
#889fb0
#889fb0
rgb(136,159,176)
-
#81a0b7
#81a0b7
rgb(129,160,183)
-
#79a1bf
#79a1bf
rgb(121,161,191)
-
#71a2c7
#71a2c7
rgb(113,162,199)
-
#6aa3ce
#6aa3ce
rgb(106,163,206)
-
#62a4d6
#62a4d6
rgb(98,164,214)
-
#5aa6de
#5aa6de
rgb(90,166,222)
-
#53a7e5
#53a7e5
rgb(83,167,229)
-
#4ba8ed
#4ba8ed
rgb(75,168,237)
-
#44a9f4
#44a9f4
rgb(68,169,244)
-
#3caafc
#3caafc
rgb(60,170,252)
Color Blindness Simulator
Below, you can see how #3caafc 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.