#318da1 hex color

In a RGB color space, hex #318da1 is composed of 19.2% red, 55.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 12.4% magenta, 0% yellow and 36.9% black. It has a hue angle of 190.7 degrees, a saturation of 53.3% and a lightness of 41.2%. #318da1 color hex could be obtained by blending #62ffff with #001b43. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 55
- B 63
RGB color chart
- C 70
- M 12
- Y 0
- K 37
CMYK color chart

● #318da1 color description : Dark moderate cyan.

The hexadecimal color #318da1 has RGB values of R:49, G:141, B:161 and CMYK values of C:0.7, M:0.12, Y:0, K:0.37. Its decimal value is 3247521.

Hex triplet	318da1	`#318da1`
RGB Decimal	49, 141, 161	`rgb(49,141,161)`
RGB Percent	19.2, 55.3, 63.1	`rgb(19.2%,55.3%,63.1%)`
CMYK	70, 12, 0, 37
HSL	190.7°, 53.3, 41.2	`hsl(190.7,53.3%,41.2%)`
HSV (or HSB)	190.7°, 69.6, 63.1
Web Safe	339999	`#339999`

CIE-LAB	54.317, -20.153, -18.465
XYZ	17.223, 22.274, 37.108
xyY	0.225, 0.291, 22.274
CIE-LCH	54.317, 27.333, 222.497
CIE-LUV	54.317, -34.557, -24.743
Hunter-Lab	47.196, -17.454, -13.58
Binary	00110001, 10001101, 10100001

#318da1
```
#318da1 rgb(49,141,161)
```
#a14531
```
#a14531 rgb(161,69,49)
```

Complementary Color

#31a17d
```
#31a17d rgb(49,161,125)
```
#318da1
```
#318da1 rgb(49,141,161)
```
#3155a1
```
#3155a1 rgb(49,85,161)
```

Analogous Color

#a17d31
```
#a17d31 rgb(161,125,49)
```
#318da1
```
#318da1 rgb(49,141,161)
```
#a13155
```
#a13155 rgb(161,49,85)
```

Split Complementary Color

#8da131
```
#8da131 rgb(141,161,49)
```
#318da1
```
#318da1 rgb(49,141,161)
```
#a1318d
```
#a1318d rgb(161,49,141)
```

Triadic Color

#31a145
```
#31a145 rgb(49,161,69)
```
#318da1
```
#318da1 rgb(49,141,161)
```
#a1318d
```
#a1318d rgb(161,49,141)
```
#a14531
```
#a14531 rgb(161,69,49)
```

Tetradic Color

#1f5a66
```
#1f5a66 rgb(31,90,102)
```
#256b7a
```
#256b7a rgb(37,107,122)
```
#2b7c8d
```
#2b7c8d rgb(43,124,141)
```
#318da1
```
#318da1 rgb(49,141,161)
```
#379eb5
```
#379eb5 rgb(55,158,181)
```
#40adc5
```
#40adc5 rgb(64,173,197)
```
#54b6cb
```
#54b6cb rgb(84,182,203)
```

Monochromatic Color

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

#31a199
```
#31a199 rgb(49,161,153)
```
#31a0a1
```
#31a0a1 rgb(49,160,161)
```
#3196a1
```
#3196a1 rgb(49,150,161)
```
#318da1
```
#318da1 rgb(49,141,161)
```
#3184a1
```
#3184a1 rgb(49,132,161)
```
#317aa1
```
#317aa1 rgb(49,122,161)
```
#3171a1
```
#3171a1 rgb(49,113,161)
```

Similar Colors

Text with hexadecimal color #318da1

This text has a font color of #318da1.

<span style="color:#318da1;">Text here</span>

#318da1 background color

This paragraph has a background color of #318da1.

<p style="background-color:#318da1;">Content here</p>

#318da1 border color

This element has a border color of #318da1.

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

CSS codes

.text {color:#318da1;}

.background {background-color:#318da1;}

.border {border:1px solid #318da1;}

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, #03090b is the darkest color, while #fbfdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#08161a
```
#08161a rgb(8,22,26)
```
#0c2429
```
#0c2429 rgb(12,36,41)
```
#113138
```
#113138 rgb(17,49,56)
```
#163e47
```
#163e47 rgb(22,62,71)
```
#1a4b56
```
#1a4b56 rgb(26,75,86)
```
#1f5865
```
#1f5865 rgb(31,88,101)
```
#236574
```
#236574 rgb(35,101,116)
```
#287383
```
#287383 rgb(40,115,131)
```
#2c8092
```
#2c8092 rgb(44,128,146)
```
#318da1
```
#318da1 rgb(49,141,161)
```
#369ab0
```
#369ab0 rgb(54,154,176)
```
#3aa7bf
```
#3aa7bf rgb(58,167,191)
```

Shade Color Variation

#46b0c7
```
#46b0c7 rgb(70,176,199)
```
#55b6cb
```
#55b6cb rgb(85,182,203)
```
#64bdd0
```
#64bdd0 rgb(100,189,208)
```
#73c3d4
```
#73c3d4 rgb(115,195,212)
```
#82cad9
```
#82cad9 rgb(130,202,217)
```
#91d0de
```
#91d0de rgb(145,208,222)
```
#a0d6e2
```
#a0d6e2 rgb(160,214,226)
```
#afdde7
```
#afdde7 rgb(175,221,231)
```
#bee3eb
```
#bee3eb rgb(190,227,235)
```
#cdeaf0
```
#cdeaf0 rgb(205,234,240)
```
#ddf0f5
```
#ddf0f5 rgb(221,240,245)
```
#ecf7f9
```
#ecf7f9 rgb(236,247,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #616e71 is the less saturated color, while #01acd1 is the most saturated one.

#616e71
```
#616e71 rgb(97,110,113)
```
#597379
```
#597379 rgb(89,115,121)
```
#517881
```
#517881 rgb(81,120,129)
```
#497d89
```
#497d89 rgb(73,125,137)
```
#418391
```
#418391 rgb(65,131,145)
```
#398899
```
#398899 rgb(57,136,153)
```
#318da1
```
#318da1 rgb(49,141,161)
```
#2992a9
```
#2992a9 rgb(41,146,169)
```
#2197b1
```
#2197b1 rgb(33,151,177)
```
#199db9
```
#199db9 rgb(25,157,185)
```
#11a2c1
```
#11a2c1 rgb(17,162,193)
```
#09a7c9
```
#09a7c9 rgb(9,167,201)
```
#01acd1
```
#01acd1 rgb(1,172,209)
```

Tone Color Variation

Below, you can see how #318da1 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

#747474 Achromatopsia 0.005% of the population
#67797d Atypical Achromatopsia 0.001% of the population

Dichromacy

#83879e Protanopia 1% of men
#8186aa Deuteranopia 1% of men
#36949f Tritanopia 0.001% of the population

Trichromacy

#65899f Protanomaly 1% of men, 0.01% of women
#6488a7 Deuteranomaly 6% of men, 0.4% of women
#34919f Tritanomaly 0.01% of the population

#318da1 hex color

#318da1 Color Information

#318da1 Color Conversion

Color Schemes with #318da1

Alternatives to #318da1

#318da1 Preview

Shades and Tints of #318da1

Tones of #318da1

Color Blindness Simulator