#308ca5 hex color

In a RGB color space, hex #308ca5 is composed of 18.8% red, 54.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 15.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 192.8 degrees, a saturation of 54.9% and a lightness of 41.8%. #308ca5 color hex could be obtained by blending #60ffff with #00194b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 55
- B 65
RGB color chart
- C 71
- M 15
- Y 0
- K 35
CMYK color chart

● #308ca5 color description : Dark cyan.

The hexadecimal color #308ca5 has RGB values of R:48, G:140, B:165 and CMYK values of C:0.71, M:0.15, Y:0, K:0.35. Its decimal value is 3181733.

Hex triplet	308ca5	`#308ca5`
RGB Decimal	48, 140, 165	`rgb(48,140,165)`
RGB Percent	18.8, 54.9, 64.7	`rgb(18.8%,54.9%,64.7%)`
CMYK	71, 15, 0, 35
HSL	192.8°, 54.9, 41.8	`hsl(192.8,54.9%,41.8%)`
HSV (or HSB)	192.8°, 70.9, 64.7
Web Safe	339999	`#339999`

CIE-LAB	54.133, -18.463, -21.05
XYZ	17.387, 22.1, 38.945
xyY	0.222, 0.282, 22.1
CIE-LCH	54.133, 28, 228.747
CIE-LUV	54.133, -34.135, -29.034
Hunter-Lab	47.01, -16.25, -16.21
Binary	00110000, 10001100, 10100101

#308ca5
```
#308ca5 rgb(48,140,165)
```
#a54930
```
#a54930 rgb(165,73,48)
```

Complementary Color

#30a584
```
#30a584 rgb(48,165,132)
```
#308ca5
```
#308ca5 rgb(48,140,165)
```
#3052a5
```
#3052a5 rgb(48,82,165)
```

Analogous Color

#a58430
```
#a58430 rgb(165,132,48)
```
#308ca5
```
#308ca5 rgb(48,140,165)
```
#a53052
```
#a53052 rgb(165,48,82)
```

Split Complementary Color

#8ca530
```
#8ca530 rgb(140,165,48)
```
#308ca5
```
#308ca5 rgb(48,140,165)
```
#a5308c
```
#a5308c rgb(165,48,140)
```

Triadic Color

#30a549
```
#30a549 rgb(48,165,73)
```
#308ca5
```
#308ca5 rgb(48,140,165)
```
#a5308c
```
#a5308c rgb(165,48,140)
```
#a54930
```
#a54930 rgb(165,73,48)
```

Tetradic Color

#1f5a6a
```
#1f5a6a rgb(31,90,106)
```
#256a7d
```
#256a7d rgb(37,106,125)
```
#2a7b91
```
#2a7b91 rgb(42,123,145)
```
#308ca5
```
#308ca5 rgb(48,140,165)
```
#369db9
```
#369db9 rgb(54,157,185)
```
#40abc8
```
#40abc8 rgb(64,171,200)
```
#54b3cd
```
#54b3cd rgb(84,179,205)
```

Monochromatic Color

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

#30a5a1
```
#30a5a1 rgb(48,165,161)
```
#30a0a5
```
#30a0a5 rgb(48,160,165)
```
#3096a5
```
#3096a5 rgb(48,150,165)
```
#308ca5
```
#308ca5 rgb(48,140,165)
```
#3082a5
```
#3082a5 rgb(48,130,165)
```
#3079a5
```
#3079a5 rgb(48,121,165)
```
#306fa5
```
#306fa5 rgb(48,111,165)
```

Similar Colors

Text with hexadecimal color #308ca5

This text has a font color of #308ca5.

<span style="color:#308ca5;">Text here</span>

#308ca5 background color

This paragraph has a background color of #308ca5.

<p style="background-color:#308ca5;">Content here</p>

#308ca5 border color

This element has a border color of #308ca5.

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

CSS codes

.text {color:#308ca5;}

.background {background-color:#308ca5;}

.border {border:1px solid #308ca5;}

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, #040b0d is the darkest color, while #fdfefe is the lightest one.

#040b0d
```
#040b0d rgb(4,11,13)
```
#08181c
```
#08181c rgb(8,24,28)
```
#0d252b
```
#0d252b rgb(13,37,43)
```
#11323b
```
#11323b rgb(17,50,59)
```
#153f4a
```
#153f4a rgb(21,63,74)
```
#1a4c59
```
#1a4c59 rgb(26,76,89)
```
#1e5868
```
#1e5868 rgb(30,88,104)
```
#236577
```
#236577 rgb(35,101,119)
```
#277287
```
#277287 rgb(39,114,135)
```
#2c7f96
```
#2c7f96 rgb(44,127,150)
```
#308ca5
```
#308ca5 rgb(48,140,165)
```
#3499b4
```
#3499b4 rgb(52,153,180)
```
#39a6c3
```
#39a6c3 rgb(57,166,195)
```

Shade Color Variation

#47adc9
```
#47adc9 rgb(71,173,201)
```
#56b4ce
```
#56b4ce rgb(86,180,206)
```
#65bbd2
```
#65bbd2 rgb(101,187,210)
```
#74c2d7
```
#74c2d7 rgb(116,194,215)
```
#83c8db
```
#83c8db rgb(131,200,219)
```
#92cfdf
```
#92cfdf rgb(146,207,223)
```
#a2d6e4
```
#a2d6e4 rgb(162,214,228)
```
#b1dce8
```
#b1dce8 rgb(177,220,232)
```
#c0e3ed
```
#c0e3ed rgb(192,227,237)
```
#cfeaf1
```
#cfeaf1 rgb(207,234,241)
```
#def1f6
```
#def1f6 rgb(222,241,246)
```
#eef7fa
```
#eef7fa rgb(238,247,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b6c is the less saturated color, while #07a3ce is the most saturated one.

#696b6c
```
#696b6c rgb(105,107,108)
```
#617074
```
#617074 rgb(97,112,116)
```
#59757c
```
#59757c rgb(89,117,124)
```
#517984
```
#517984 rgb(81,121,132)
```
#497e8c
```
#497e8c rgb(73,126,140)
```
#408395
```
#408395 rgb(64,131,149)
```
#38879d
```
#38879d rgb(56,135,157)
```
#308ca5
```
#308ca5 rgb(48,140,165)
```
#2891ad
```
#2891ad rgb(40,145,173)
```
#2095b5
```
#2095b5 rgb(32,149,181)
```
#179abe
```
#179abe rgb(23,154,190)
```
#0f9fc6
```
#0f9fc6 rgb(15,159,198)
```
#07a3ce
```
#07a3ce rgb(7,163,206)
```

Tone Color Variation

Below, you can see how #308ca5 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

#737373 Achromatopsia 0.005% of the population
#66787d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8186a2 Protanopia 1% of men
#7e85ae Deuteranopia 1% of men
#31939e Tritanopia 0.001% of the population

Trichromacy

#6388a3 Protanomaly 1% of men, 0.01% of women
#6188aa Deuteranomaly 6% of men, 0.4% of women
#3191a1 Tritanomaly 0.01% of the population

#308ca5 hex color

#308ca5 Color Information

#308ca5 Color Conversion

Color Schemes with #308ca5

Alternatives to #308ca5

#308ca5 Preview

Shades and Tints of #308ca5

Tones of #308ca5

Color Blindness Simulator