#348caf Color Information
In a RGB color space, hex #348caf is composed of 20.4% red, 54.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 20% magenta, 0% yellow and 31.4% black. It has a hue angle of 197.1 degrees, a saturation of 54.2% and a lightness of 44.5%. #348caf color hex could be obtained by blending #68ffff with #00195f. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 69
-
- C 70
- M 20
- Y 0
- K 31
● #348caf color description : Dark blue.
#348caf Color Conversion
The hexadecimal color #348caf has RGB values of R:52, G:140, B:175 and CMYK values of C:0.7, M:0.2, Y:0, K:0.31. Its decimal value is 3443887.
Hex triplet | 348caf | #348caf |
---|---|---|
RGB Decimal | 52, 140, 175 | rgb(52,140,175) |
RGB Percent | 20.4, 54.9, 68.6 | rgb(20.4%,54.9%,68.6%) |
CMYK | 70, 20, 0, 31 | |
HSL | 197.1°, 54.2, 44.5 | hsl(197.1,54.2%,44.5%) |
HSV (or HSB) | 197.1°, 70.3, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.637, -14.546, -26.005 |
---|---|
XYZ | 18.53, 22.58, 43.937 |
xyY | 0.218, 0.265, 22.58 |
CIE-LCH | 54.637, 29.797, 240.779 |
CIE-LUV | 54.637, -32.869, -37.495 |
Hunter-Lab | 47.518, -13.55, -21.559 |
Binary | 00110100, 10001100, 10101111 |
Color Schemes with #348caf
Alternatives to #348caf
Below, you can see some colors close to #348caf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348caf Preview
This text has a font color of #348caf.
<span style="color:#348caf;">Text here</span>
This paragraph has a background color of #348caf.
<p style="background-color:#348caf;">Content here</p>
This element has a border color of #348caf.
<div style="border:1px solid #348caf;">Content here</div>
.text {color:#348caf;}
.background {background-color:#348caf;}
.border {border:1px solid #348caf;}
Shades and Tints of #348caf
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, #030709 is the darkest color, while #f9fcfd is the lightest one.
-
#030709
#030709
rgb(3,7,9)
-
#071318
#071318
rgb(7,19,24)
-
#0c1f27
#0c1f27
rgb(12,31,39)
-
#102b36
#102b36
rgb(16,43,54)
-
#153745
#153745
rgb(21,55,69)
-
#194354
#194354
rgb(25,67,84)
-
#1e5063
#1e5063
rgb(30,80,99)
-
#225c73
#225c73
rgb(34,92,115)
-
#276882
#276882
rgb(39,104,130)
-
#2b7491
#2b7491
rgb(43,116,145)
-
#3080a0
#3080a0
rgb(48,128,160)
-
#348caf
#348caf
rgb(52,140,175)
-
#3898be
#3898be
rgb(56,152,190)
-
#43a2c7
#43a2c7
rgb(67,162,199)
-
#52a9cc
#52a9cc
rgb(82,169,204)
-
#61b1d0
#61b1d0
rgb(97,177,208)
-
#70b8d5
#70b8d5
rgb(112,184,213)
-
#80c0d9
#80c0d9
rgb(128,192,217)
-
#8fc7de
#8fc7de
rgb(143,199,222)
-
#9ecfe2
#9ecfe2
rgb(158,207,226)
-
#add6e7
#add6e7
rgb(173,214,231)
-
#bcdeeb
#bcdeeb
rgb(188,222,235)
-
#cbe5f0
#cbe5f0
rgb(203,229,240)
-
#daedf4
#daedf4
rgb(218,237,244)
-
#e9f4f9
#e9f4f9
rgb(233,244,249)
-
#f9fcfd
#f9fcfd
rgb(249,252,253)
Tones of #348caf
A tone is produced by adding gray to any pure hue. In this case, #717272 is the less saturated color, while #089fdb is the most saturated one.
-
#717272
#717272
rgb(113,114,114)
-
#68757b
#68757b
rgb(104,117,123)
-
#607983
#607983
rgb(96,121,131)
-
#577d8c
#577d8c
rgb(87,125,140)
-
#4e8195
#4e8195
rgb(78,129,149)
-
#45849e
#45849e
rgb(69,132,158)
-
#3d88a6
#3d88a6
rgb(61,136,166)
-
#348caf
#348caf
rgb(52,140,175)
-
#2b90b8
#2b90b8
rgb(43,144,184)
-
#2394c0
#2394c0
rgb(35,148,192)
-
#1a97c9
#1a97c9
rgb(26,151,201)
-
#119bd2
#119bd2
rgb(17,155,210)
-
#089fdb
#089fdb
rgb(8,159,219)
Color Blindness Simulator
Below, you can see how #348caf 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.