#737aed Color Information
In a RGB color space, hex #737aed is composed of 45.1% red, 47.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 48.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 236.6 degrees, a saturation of 77.2% and a lightness of 69%. #737aed color hex could be obtained by blending #e6f4ff with #0000db. Closest websafe color is: #6666ff.
-
- R 45
- G 48
- B 93
-
- C 51
- M 49
- Y 0
- K 7
● #737aed color description : Soft blue.
#737aed Color Conversion
The hexadecimal color #737aed has RGB values of R:115, G:122, B:237 and CMYK values of C:0.51, M:0.49, Y:0, K:0.07. Its decimal value is 7568109.
| Hex triplet | 737aed | #737aed |
|---|---|---|
| RGB Decimal | 115, 122, 237 | rgb(115,122,237) |
| RGB Percent | 45.1, 47.8, 92.9 | rgb(45.1%,47.8%,92.9%) |
| CMYK | 51, 49, 0, 7 | |
| HSL | 236.6°, 77.2, 69 | hsl(236.6,77.2%,69%) |
| HSV (or HSB) | 236.6°, 51.5, 92.9 | |
| Web Safe | 6666ff | #6666ff |
| CIE-LAB | 55.763, 28.489, -59.073 |
|---|---|
| XYZ | 29.313, 23.677, 83.142 |
| xyY | 0.215, 0.174, 23.677 |
| CIE-LCH | 55.763, 65.584, 295.746 |
| CIE-LUV | 55.763, -9.33, -95.812 |
| Hunter-Lab | 48.659, 22.376, -67.244 |
| Binary | 01110011, 01111010, 11101101 |
Color Schemes with #737aed
Alternatives to #737aed
Below, you can see some colors close to #737aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#737aed Preview
This text has a font color of #737aed.
<span style="color:#737aed;">Text here</span>
This paragraph has a background color of #737aed.
<p style="background-color:#737aed;">Content here</p>
This element has a border color of #737aed.
<div style="border:1px solid #737aed;">Content here</div>
.text {color:#737aed;}
.background {background-color:#737aed;}
.border {border:1px solid #737aed;}
Shades and Tints of #737aed
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, #020310 is the darkest color, while #fefeff is the lightest one.
-
#020310
#020310rgb(2,3,16) -
#040622
#040622rgb(4,6,34) -
#070933
#070933rgb(7,9,51) -
#090c45
#090c45rgb(9,12,69) -
#0b0f56
#0b0f56rgb(11,15,86) -
#0d1267
#0d1267rgb(13,18,103) -
#101679
#101679rgb(16,22,121) -
#12198a
#12198argb(18,25,138) -
#141c9b
#141c9brgb(20,28,155) -
#161fad
#161fadrgb(22,31,173) -
#1822be
#1822bergb(24,34,190) -
#1b25d0
#1b25d0rgb(27,37,208) -
#1d28e1
#1d28e1rgb(29,40,225)
-
#2d38e4
#2d38e4rgb(45,56,228) -
#3f48e6
#3f48e6rgb(63,72,230) -
#5059e9
#5059e9rgb(80,89,233) -
#6269eb
#6269ebrgb(98,105,235) -
#737aed
#737aedrgb(115,122,237) -
#848bef
#848befrgb(132,139,239) -
#969bf1
#969bf1rgb(150,155,241) -
#a7acf4
#a7acf4rgb(167,172,244) -
#b9bcf6
#b9bcf6rgb(185,188,246) -
#cacdf8
#cacdf8rgb(202,205,248) -
#dbddfa
#dbddfargb(219,221,250) -
#edeefd
#edeefdrgb(237,238,253) -
#fefeff
#fefeffrgb(254,254,255)
Tones of #737aed
A tone is produced by adding gray to any pure hue. In this case, #b0b0b0 is the less saturated color, while #676ff9 is the most saturated one.
-
#b0b0b0
#b0b0b0rgb(176,176,176) -
#aaaab6
#aaaab6rgb(170,170,182) -
#a4a5bc
#a4a5bcrgb(164,165,188) -
#9ea0c2
#9ea0c2rgb(158,160,194) -
#979ac9
#979ac9rgb(151,154,201) -
#9195cf
#9195cfrgb(145,149,207) -
#8b90d5
#8b90d5rgb(139,144,213) -
#858adb
#858adbrgb(133,138,219) -
#7f85e1
#7f85e1rgb(127,133,225) -
#797fe7
#797fe7rgb(121,127,231) -
#737aed
#737aedrgb(115,122,237) -
#6d75f3
#6d75f3rgb(109,117,243) -
#676ff9
#676ff9rgb(103,111,249)
Color Blindness Simulator
Below, you can see how #737aed 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.
