#343f60 Color Information
In a RGB color space, hex #343f60 is composed of 20.4% red, 24.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 34.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 225 degrees, a saturation of 29.7% and a lightness of 29%. #343f60 color hex could be obtained by blending #687ec0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 25
- B 38
-
- C 46
- M 34
- Y 0
- K 62
● #343f60 color description : Very dark desaturated blue.
#343f60 Color Conversion
The hexadecimal color #343f60 has RGB values of R:52, G:63, B:96 and CMYK values of C:0.46, M:0.34, Y:0, K:0.62. Its decimal value is 3424096.
Hex triplet | 343f60 | #343f60 |
---|---|---|
RGB Decimal | 52, 63, 96 | rgb(52,63,96) |
RGB Percent | 20.4, 24.7, 37.6 | rgb(20.4%,24.7%,37.6%) |
CMYK | 46, 34, 0, 62 | |
HSL | 225°, 29.7, 29 | hsl(225,29.7%,29%) |
HSV (or HSB) | 225°, 45.8, 37.6 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 27.1, 5.299, -20.979 |
---|---|
XYZ | 5.305, 5.129, 11.776 |
xyY | 0.239, 0.231, 5.129 |
CIE-LCH | 27.1, 21.638, 284.176 |
CIE-LUV | 27.1, -6.121, -26.667 |
Hunter-Lab | 22.648, 2.173, -14.975 |
Binary | 00110100, 00111111, 01100000 |
Color Schemes with #343f60
Alternatives to #343f60
Below, you can see some colors close to #343f60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#343f60 Preview
This text has a font color of #343f60.
<span style="color:#343f60;">Text here</span>
This paragraph has a background color of #343f60.
<p style="background-color:#343f60;">Content here</p>
This element has a border color of #343f60.
<div style="border:1px solid #343f60;">Content here</div>
.text {color:#343f60;}
.background {background-color:#343f60;}
.border {border:1px solid #343f60;}
Shades and Tints of #343f60
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, #040507 is the darkest color, while #f9fafc is the lightest one.
-
#040507
#040507
rgb(4,5,7)
-
#0b0d14
#0b0d14
rgb(11,13,20)
-
#121520
#121520
rgb(18,21,32)
-
#181e2d
#181e2d
rgb(24,30,45)
-
#1f263a
#1f263a
rgb(31,38,58)
-
#262e47
#262e47
rgb(38,46,71)
-
#2d3753
#2d3753
rgb(45,55,83)
-
#343f60
#343f60
rgb(52,63,96)
-
#3b476d
#3b476d
rgb(59,71,109)
-
#425079
#425079
rgb(66,80,121)
-
#495886
#495886
rgb(73,88,134)
-
#506093
#506093
rgb(80,96,147)
-
#5669a0
#5669a0
rgb(86,105,160)
-
#6173a9
#6173a9
rgb(97,115,169)
-
#6d7eb0
#6d7eb0
rgb(109,126,176)
-
#7a89b7
#7a89b7
rgb(122,137,183)
-
#8794be
#8794be
rgb(135,148,190)
-
#93a0c5
#93a0c5
rgb(147,160,197)
-
#a0abcc
#a0abcc
rgb(160,171,204)
-
#adb6d3
#adb6d3
rgb(173,182,211)
-
#bac2d9
#bac2d9
rgb(186,194,217)
-
#c6cde0
#c6cde0
rgb(198,205,224)
-
#d3d8e7
#d3d8e7
rgb(211,216,231)
-
#e0e3ee
#e0e3ee
rgb(224,227,238)
-
#eceff5
#eceff5
rgb(236,239,245)
-
#f9fafc
#f9fafc
rgb(249,250,252)
Tones of #343f60
A tone is produced by adding gray to any pure hue. In this case, #45484f is the less saturated color, while #012593 is the most saturated one.
-
#45484f
#45484f
rgb(69,72,79)
-
#3f4555
#3f4555
rgb(63,69,85)
-
#3a425a
#3a425a
rgb(58,66,90)
-
#343f60
#343f60
rgb(52,63,96)
-
#2e3c66
#2e3c66
rgb(46,60,102)
-
#29396b
#29396b
rgb(41,57,107)
-
#233671
#233671
rgb(35,54,113)
-
#1d3477
#1d3477
rgb(29,52,119)
-
#18317c
#18317c
rgb(24,49,124)
-
#122e82
#122e82
rgb(18,46,130)
-
#0c2b88
#0c2b88
rgb(12,43,136)
-
#06288e
#06288e
rgb(6,40,142)
-
#012593
#012593
rgb(1,37,147)
Color Blindness Simulator
Below, you can see how #343f60 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.