#768be3 Color Information
In a RGB color space, hex #768be3 is composed of 46.3% red, 54.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 38.8% magenta, 0% yellow and 11% black. It has a hue angle of 228.4 degrees, a saturation of 66.1% and a lightness of 67.6%. #768be3 color hex could be obtained by blending #ecffff with #0017c7. Closest websafe color is: #6699cc.
-
- R 46
- G 55
- B 89
-
- C 48
- M 39
- Y 0
- K 11
● #768be3 color description : Soft blue.
#768be3 Color Conversion
The hexadecimal color #768be3 has RGB values of R:118, G:139, B:227 and CMYK values of C:0.48, M:0.39, Y:0, K:0.11. Its decimal value is 7769059.
| Hex triplet | 768be3 | #768be3 |
|---|---|---|
| RGB Decimal | 118, 139, 227 | rgb(118,139,227) |
| RGB Percent | 46.3, 54.5, 89 | rgb(46.3%,54.5%,89%) |
| CMYK | 48, 39, 0, 11 | |
| HSL | 228.4°, 66.1, 67.6 | hsl(228.4,66.1%,67.6%) |
| HSV (or HSB) | 228.4°, 48, 89 | |
| Web Safe | 6699cc | #6699cc |
| CIE-LAB | 59.764, 15.993, -47.123 |
|---|---|
| XYZ | 30.566, 27.862, 76.436 |
| xyY | 0.227, 0.207, 27.862 |
| CIE-LCH | 59.764, 49.763, 288.747 |
| CIE-LUV | 59.764, -13.562, -76.435 |
| Hunter-Lab | 52.784, 10.993, -48.908 |
| Binary | 01110110, 10001011, 11100011 |
Color Schemes with #768be3
Alternatives to #768be3
Below, you can see some colors close to #768be3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#768be3 Preview
This text has a font color of #768be3.
<span style="color:#768be3;">Text here</span>
This paragraph has a background color of #768be3.
<p style="background-color:#768be3;">Content here</p>
This element has a border color of #768be3.
<div style="border:1px solid #768be3;">Content here</div>
.text {color:#768be3;}
.background {background-color:#768be3;}
.border {border:1px solid #768be3;}
Shades and Tints of #768be3
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, #02030a is the darkest color, while #f8f9fe is the lightest one.
-
#02030a
#02030argb(2,3,10) -
#05091a
#05091argb(5,9,26) -
#090f2a
#090f2argb(9,15,42) -
#0c153a
#0c153argb(12,21,58) -
#0f1b4b
#0f1b4brgb(15,27,75) -
#13215b
#13215brgb(19,33,91) -
#16266b
#16266brgb(22,38,107) -
#192c7c
#192c7crgb(25,44,124) -
#1d328c
#1d328crgb(29,50,140) -
#20389c
#20389crgb(32,56,156) -
#233eac
#233eacrgb(35,62,172) -
#2744bd
#2744bdrgb(39,68,189) -
#2a49cd
#2a49cdrgb(42,73,205)
-
#3554d6
#3554d6rgb(53,84,214) -
#4562d9
#4562d9rgb(69,98,217) -
#556fdc
#556fdcrgb(85,111,220) -
#667de0
#667de0rgb(102,125,224) -
#768be3
#768be3rgb(118,139,227) -
#8699e6
#8699e6rgb(134,153,230) -
#97a7ea
#97a7eargb(151,167,234) -
#a7b4ed
#a7b4edrgb(167,180,237) -
#b7c2f0
#b7c2f0rgb(183,194,240) -
#c7d0f4
#c7d0f4rgb(199,208,244) -
#d8def7
#d8def7rgb(216,222,247) -
#e8ecfa
#e8ecfargb(232,236,250) -
#f8f9fe
#f8f9fergb(248,249,254)
Tones of #768be3
A tone is produced by adding gray to any pure hue. In this case, #a9aab0 is the less saturated color, while #5d7bfc is the most saturated one.
-
#a9aab0
#a9aab0rgb(169,170,176) -
#a2a6b7
#a2a6b7rgb(162,166,183) -
#9ca2bd
#9ca2bdrgb(156,162,189) -
#969fc3
#969fc3rgb(150,159,195) -
#8f9bca
#8f9bcargb(143,155,202) -
#8997d0
#8997d0rgb(137,151,208) -
#8393d6
#8393d6rgb(131,147,214) -
#7c8fdd
#7c8fddrgb(124,143,221) -
#768be3
#768be3rgb(118,139,227) -
#7087e9
#7087e9rgb(112,135,233) -
#6983f0
#6983f0rgb(105,131,240) -
#637ff6
#637ff6rgb(99,127,246) -
#5d7bfc
#5d7bfcrgb(93,123,252)
Color Blindness Simulator
Below, you can see how #768be3 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.
