#348baf Color Information
In a RGB color space, hex #348baf is composed of 20.4% red, 54.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 20.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 197.6 degrees, a saturation of 54.2% and a lightness of 44.5%. #348baf color hex could be obtained by blending #68ffff with #00175f. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 69
-
- C 70
- M 21
- Y 0
- K 31
● #348baf color description : Dark blue.
#348baf Color Conversion
The hexadecimal color #348baf has RGB values of R:52, G:139, B:175 and CMYK values of C:0.7, M:0.21, Y:0, K:0.31. Its decimal value is 3443631.
Hex triplet | 348baf | #348baf |
---|---|---|
RGB Decimal | 52, 139, 175 | rgb(52,139,175) |
RGB Percent | 20.4, 54.5, 68.6 | rgb(20.4%,54.5%,68.6%) |
CMYK | 70, 21, 0, 31 | |
HSL | 197.6°, 54.2, 44.5 | hsl(197.6,54.2%,44.5%) |
HSV (or HSB) | 197.6°, 70.3, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.332, -13.993, -26.476 |
---|---|
XYZ | 18.385, 22.289, 43.888 |
xyY | 0.217, 0.264, 22.289 |
CIE-LCH | 54.332, 29.946, 242.142 |
CIE-LUV | 54.332, -32.505, -38.283 |
Hunter-Lab | 47.211, -13.109, -22.069 |
Binary | 00110100, 10001011, 10101111 |
Color Schemes with #348baf
Alternatives to #348baf
Below, you can see some colors close to #348baf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348baf Preview
This text has a font color of #348baf.
<span style="color:#348baf;">Text here</span>
This paragraph has a background color of #348baf.
<p style="background-color:#348baf;">Content here</p>
This element has a border color of #348baf.
<div style="border:1px solid #348baf;">Content here</div>
.text {color:#348baf;}
.background {background-color:#348baf;}
.border {border:1px solid #348baf;}
Shades and Tints of #348baf
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)
-
#1e4f63
#1e4f63
rgb(30,79,99)
-
#225b73
#225b73
rgb(34,91,115)
-
#276782
#276782
rgb(39,103,130)
-
#2b7391
#2b7391
rgb(43,115,145)
-
#307fa0
#307fa0
rgb(48,127,160)
-
#348baf
#348baf
rgb(52,139,175)
-
#3897be
#3897be
rgb(56,151,190)
-
#43a0c7
#43a0c7
rgb(67,160,199)
-
#52a8cc
#52a8cc
rgb(82,168,204)
-
#61b0d0
#61b0d0
rgb(97,176,208)
-
#70b7d5
#70b7d5
rgb(112,183,213)
-
#80bfd9
#80bfd9
rgb(128,191,217)
-
#8fc7de
#8fc7de
rgb(143,199,222)
-
#9ecee2
#9ecee2
rgb(158,206,226)
-
#add6e7
#add6e7
rgb(173,214,231)
-
#bcddeb
#bcddeb
rgb(188,221,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 #348baf
A tone is produced by adding gray to any pure hue. In this case, #717272 is the less saturated color, while #089ddb 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)
-
#4e8095
#4e8095
rgb(78,128,149)
-
#45849e
#45849e
rgb(69,132,158)
-
#3d87a6
#3d87a6
rgb(61,135,166)
-
#348baf
#348baf
rgb(52,139,175)
-
#2b8fb8
#2b8fb8
rgb(43,143,184)
-
#2392c0
#2392c0
rgb(35,146,192)
-
#1a96c9
#1a96c9
rgb(26,150,201)
-
#1199d2
#1199d2
rgb(17,153,210)
-
#089ddb
#089ddb
rgb(8,157,219)
Color Blindness Simulator
Below, you can see how #348baf 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.