#3455b3 Color Information
In a RGB color space, hex #3455b3 is composed of 20.4% red, 33.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 52.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 224.4 degrees, a saturation of 55% and a lightness of 45.3%. #3455b3 color hex could be obtained by blending #68aaff with #000067. Closest websafe color is: #3366cc.
-
- R 20
- G 33
- B 70
-
- C 71
- M 53
- Y 0
- K 30
● #3455b3 color description : Moderate blue.
#3455b3 Color Conversion
The hexadecimal color #3455b3 has RGB values of R:52, G:85, B:179 and CMYK values of C:0.71, M:0.53, Y:0, K:0.3. Its decimal value is 3429811.
| Hex triplet | 3455b3 | #3455b3 |
|---|---|---|
| RGB Decimal | 52, 85, 179 | rgb(52,85,179) |
| RGB Percent | 20.4, 33.3, 70.2 | rgb(20.4%,33.3%,70.2%) |
| CMYK | 71, 53, 0, 30 | |
| HSL | 224.4°, 55, 45.3 | hsl(224.4,55%,45.3%) |
| HSV (or HSB) | 224.4°, 70.9, 70.2 | |
| Web Safe | 3366cc | #3366cc |
| CIE-LAB | 38.692, 20.543, -53.56 |
|---|---|
| XYZ | 12.8, 10.481, 43.994 |
| xyY | 0.19, 0.156, 10.481 |
| CIE-LCH | 38.692, 57.365, 290.985 |
| CIE-LUV | 38.692, -14.237, -78.46 |
| Hunter-Lab | 32.374, 13.918, -57.908 |
| Binary | 00110100, 01010101, 10110011 |
Color Schemes with #3455b3
Alternatives to #3455b3
Below, you can see some colors close to #3455b3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3455b3 Preview
This text has a font color of #3455b3.
<span style="color:#3455b3;">Text here</span>
This paragraph has a background color of #3455b3.
<p style="background-color:#3455b3;">Content here</p>
This element has a border color of #3455b3.
<div style="border:1px solid #3455b3;">Content here</div>
.text {color:#3455b3;}
.background {background-color:#3455b3;}
.border {border:1px solid #3455b3;}
Shades and Tints of #3455b3
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, #03060c is the darkest color, while #fcfcfe is the lightest one.
-
#03060c
#03060crgb(3,6,12) -
#080d1b
#080d1brgb(8,13,27) -
#0c142a
#0c142argb(12,20,42) -
#111b39
#111b39rgb(17,27,57) -
#152249
#152249rgb(21,34,73) -
#1a2a58
#1a2a58rgb(26,42,88) -
#1e3167
#1e3167rgb(30,49,103) -
#223876
#223876rgb(34,56,118) -
#273f85
#273f85rgb(39,63,133) -
#2b4795
#2b4795rgb(43,71,149) -
#304ea4
#304ea4rgb(48,78,164) -
#3455b3
#3455b3rgb(52,85,179) -
#385cc2
#385cc2rgb(56,92,194)
-
#4567c9
#4567c9rgb(69,103,201) -
#5474cd
#5474cdrgb(84,116,205) -
#6480d2
#6480d2rgb(100,128,210) -
#738dd6
#738dd6rgb(115,141,214) -
#8299db
#8299dbrgb(130,153,219) -
#91a5df
#91a5dfrgb(145,165,223) -
#a0b2e4
#a0b2e4rgb(160,178,228) -
#b0bee8
#b0bee8rgb(176,190,232) -
#bfcbec
#bfcbecrgb(191,203,236) -
#ced7f1
#ced7f1rgb(206,215,241) -
#dde3f5
#dde3f5rgb(221,227,245) -
#ecf0fa
#ecf0fargb(236,240,250) -
#fcfcfe
#fcfcfergb(252,252,254)
Tones of #3455b3
A tone is produced by adding gray to any pure hue. In this case, #727375 is the less saturated color, while #0840df is the most saturated one.
-
#727375
#727375rgb(114,115,117) -
#696f7e
#696f7ergb(105,111,126) -
#606a87
#606a87rgb(96,106,135) -
#58668f
#58668frgb(88,102,143) -
#4f6298
#4f6298rgb(79,98,152) -
#465ea1
#465ea1rgb(70,94,161) -
#3d59aa
#3d59aargb(61,89,170) -
#3455b3
#3455b3rgb(52,85,179) -
#2b51bc
#2b51bcrgb(43,81,188) -
#224cc5
#224cc5rgb(34,76,197) -
#1948ce
#1948cergb(25,72,206) -
#1044d7
#1044d7rgb(16,68,215) -
#0840df
#0840dfrgb(8,64,223)
Color Blindness Simulator
Below, you can see how #3455b3 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.
