#319fbd hex color

In a RGB color space, hex #319fbd is composed of 19.2% red, 62.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 15.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 192.9 degrees, a saturation of 58.8% and a lightness of 46.7%. #319fbd color hex could be obtained by blending #62ffff with #003f7b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 62
- B 74
RGB color chart
- C 74
- M 16
- Y 0
- K 26
CMYK color chart

● #319fbd color description : Moderate cyan.

The hexadecimal color #319fbd has RGB values of R:49, G:159, B:189 and CMYK values of C:0.74, M:0.16, Y:0, K:0.26. Its decimal value is 3252157.

Hex triplet	319fbd	`#319fbd`
RGB Decimal	49, 159, 189	`rgb(49,159,189)`
RGB Percent	19.2, 62.4, 74.1	`rgb(19.2%,62.4%,74.1%)`
CMYK	74, 16, 0, 26
HSL	192.9°, 58.8, 46.7	`hsl(192.9,58.8%,46.7%)`
HSV (or HSB)	192.9°, 74.1, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.889, -20.528, -24.322
XYZ	22.848, 29.121, 52.558
xyY	0.219, 0.279, 29.121
CIE-LCH	60.889, 31.827, 229.834
CIE-LUV	60.889, -39.42, -34.66
Hunter-Lab	53.964, -18.863, -19.97
Binary	00110001, 10011111, 10111101

#319fbd
```
#319fbd rgb(49,159,189)
```
#bd4f31
```
#bd4f31 rgb(189,79,49)
```

Complementary Color

#31bd95
```
#31bd95 rgb(49,189,149)
```
#319fbd
```
#319fbd rgb(49,159,189)
```
#3159bd
```
#3159bd rgb(49,89,189)
```

Analogous Color

#bd9531
```
#bd9531 rgb(189,149,49)
```
#319fbd
```
#319fbd rgb(49,159,189)
```
#bd3159
```
#bd3159 rgb(189,49,89)
```

Split Complementary Color

#9fbd31
```
#9fbd31 rgb(159,189,49)
```
#319fbd
```
#319fbd rgb(49,159,189)
```
#bd319f
```
#bd319f rgb(189,49,159)
```

Triadic Color

#31bd4f
```
#31bd4f rgb(49,189,79)
```
#319fbd
```
#319fbd rgb(49,159,189)
```
#bd319f
```
#bd319f rgb(189,49,159)
```
#bd4f31
```
#bd4f31 rgb(189,79,49)
```

Tetradic Color

#216c80
```
#216c80 rgb(33,108,128)
```
#277d95
```
#277d95 rgb(39,125,149)
```
#2c8ea9
```
#2c8ea9 rgb(44,142,169)
```
#319fbd
```
#319fbd rgb(49,159,189)
```
#3badcc
```
#3badcc rgb(59,173,204)
```
#50b6d2
```
#50b6d2 rgb(80,182,210)
```
#64bed7
```
#64bed7 rgb(100,190,215)
```

Monochromatic Color

Below, you can see some colors close to #319fbd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#31bdb8
```
#31bdb8 rgb(49,189,184)
```
#31b6bd
```
#31b6bd rgb(49,182,189)
```
#31abbd
```
#31abbd rgb(49,171,189)
```
#319fbd
```
#319fbd rgb(49,159,189)
```
#3193bd
```
#3193bd rgb(49,147,189)
```
#3188bd
```
#3188bd rgb(49,136,189)
```
#317cbd
```
#317cbd rgb(49,124,189)
```

Similar Colors

Text with hexadecimal color #319fbd

This text has a font color of #319fbd.

<span style="color:#319fbd;">Text here</span>

#319fbd background color

This paragraph has a background color of #319fbd.

<p style="background-color:#319fbd;">Content here</p>

#319fbd border color

This element has a border color of #319fbd.

<div style="border:1px solid #319fbd;">Content here</div>

CSS codes

.text {color:#319fbd;}

.background {background-color:#319fbd;}

.border {border:1px solid #319fbd;}

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, #010202 is the darkest color, while #f2f9fc is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#050f12
```
#050f12 rgb(5,15,18)
```
#091c21
```
#091c21 rgb(9,28,33)
```
#0d2931
```
#0d2931 rgb(13,41,49)
```
#113640
```
#113640 rgb(17,54,64)
```
#154350
```
#154350 rgb(21,67,80)
```
#195060
```
#195060 rgb(25,80,96)
```
#1d5d6f
```
#1d5d6f rgb(29,93,111)
```
#216b7f
```
#216b7f rgb(33,107,127)
```
#25788e
```
#25788e rgb(37,120,142)
```
#29859e
```
#29859e rgb(41,133,158)
```
#2d92ad
```
#2d92ad rgb(45,146,173)
```
#319fbd
```
#319fbd rgb(49,159,189)
```

Shade Color Variation

#37abcb
```
#37abcb rgb(55,171,203)
```
#46b2cf
```
#46b2cf rgb(70,178,207)
```
#56b8d3
```
#56b8d3 rgb(86,184,211)
```
#65bfd7
```
#65bfd7 rgb(101,191,215)
```
#75c5db
```
#75c5db rgb(117,197,219)
```
#84ccdf
```
#84ccdf rgb(132,204,223)
```
#94d2e3
```
#94d2e3 rgb(148,210,227)
```
#a4d9e7
```
#a4d9e7 rgb(164,217,231)
```
#b3dfeb
```
#b3dfeb rgb(179,223,235)
```
#c3e6ef
```
#c3e6ef rgb(195,230,239)
```
#d2ecf3
```
#d2ecf3 rgb(210,236,243)
```
#e2f3f7
```
#e2f3f7 rgb(226,243,247)
```
#f2f9fc
```
#f2f9fc rgb(242,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717a7d is the less saturated color, while #03b9eb is the most saturated one.

#717a7d
```
#717a7d rgb(113,122,125)
```
#688086
```
#688086 rgb(104,128,134)
```
#5f858f
```
#5f858f rgb(95,133,143)
```
#568a98
```
#568a98 rgb(86,138,152)
```
#4c8fa2
```
#4c8fa2 rgb(76,143,162)
```
#4395ab
```
#4395ab rgb(67,149,171)
```
#3a9ab4
```
#3a9ab4 rgb(58,154,180)
```
#319fbd
```
#319fbd rgb(49,159,189)
```
#28a4c6
```
#28a4c6 rgb(40,164,198)
```
#1fa9cf
```
#1fa9cf rgb(31,169,207)
```
#16afd8
```
#16afd8 rgb(22,175,216)
```
#0cb4e2
```
#0cb4e2 rgb(12,180,226)
```
#03b9eb
```
#03b9eb rgb(3,185,235)
```

Tone Color Variation

Below, you can see how #319fbd 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.

Monochromacy

#828282 Achromatopsia 0.005% of the population
#72888e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9097b8 Protanopia 1% of men
#8c96c5 Deuteranopia 1% of men
#2da6b2 Tritanopia 0.001% of the population

Trichromacy

#6d9ab9 Protanomaly 1% of men, 0.01% of women
#6a99c2 Deuteranomaly 6% of men, 0.4% of women
#2ea3b6 Tritanomaly 0.01% of the population

#319fbd hex color

#319fbd Color Information

#319fbd Color Conversion

Color Schemes with #319fbd

Alternatives to #319fbd

#319fbd Preview

Shades and Tints of #319fbd

Tones of #319fbd

Color Blindness Simulator