#308ea5 hex color

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

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

● #308ea5 color description : Dark cyan.

The hexadecimal color #308ea5 has RGB values of R:48, G:142, B:165 and CMYK values of C:0.71, M:0.14, Y:0, K:0.35. Its decimal value is 3182245.

Hex triplet	308ea5	`#308ea5`
RGB Decimal	48, 142, 165	`rgb(48,142,165)`
RGB Percent	18.8, 55.7, 64.7	`rgb(18.8%,55.7%,64.7%)`
CMYK	71, 14, 0, 35
HSL	191.8°, 54.9, 41.8	`hsl(191.8,54.9%,41.8%)`
HSV (or HSB)	191.8°, 70.9, 64.7
Web Safe	339999	`#339999`

CIE-LAB	54.751, -19.533, -20.103
XYZ	17.682, 22.689, 39.043
xyY	0.223, 0.286, 22.689
CIE-LCH	54.751, 28.03, 225.825
CIE-LUV	54.751, -34.869, -27.452
Hunter-Lab	47.633, -17.099, -15.254
Binary	00110000, 10001110, 10100101

#308ea5
```
#308ea5 rgb(48,142,165)
```
#a54730
```
#a54730 rgb(165,71,48)
```

Complementary Color

#30a582
```
#30a582 rgb(48,165,130)
```
#308ea5
```
#308ea5 rgb(48,142,165)
```
#3054a5
```
#3054a5 rgb(48,84,165)
```

Analogous Color

#a58230
```
#a58230 rgb(165,130,48)
```
#308ea5
```
#308ea5 rgb(48,142,165)
```
#a53054
```
#a53054 rgb(165,48,84)
```

Split Complementary Color

#8ea530
```
#8ea530 rgb(142,165,48)
```
#308ea5
```
#308ea5 rgb(48,142,165)
```
#a5308e
```
#a5308e rgb(165,48,142)
```

Triadic Color

#30a547
```
#30a547 rgb(48,165,71)
```
#308ea5
```
#308ea5 rgb(48,142,165)
```
#a5308e
```
#a5308e rgb(165,48,142)
```
#a54730
```
#a54730 rgb(165,71,48)
```

Tetradic Color

#1f5b6a
```
#1f5b6a rgb(31,91,106)
```
#256c7d
```
#256c7d rgb(37,108,125)
```
#2a7d91
```
#2a7d91 rgb(42,125,145)
```
#308ea5
```
#308ea5 rgb(48,142,165)
```
#369fb9
```
#369fb9 rgb(54,159,185)
```
#40adc8
```
#40adc8 rgb(64,173,200)
```
#54b6cd
```
#54b6cd rgb(84,182,205)
```

Monochromatic Color

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

#30a59f
```
#30a59f rgb(48,165,159)
```
#30a2a5
```
#30a2a5 rgb(48,162,165)
```
#3098a5
```
#3098a5 rgb(48,152,165)
```
#308ea5
```
#308ea5 rgb(48,142,165)
```
#3084a5
```
#3084a5 rgb(48,132,165)
```
#307ba5
```
#307ba5 rgb(48,123,165)
```
#3071a5
```
#3071a5 rgb(48,113,165)
```

Similar Colors

Text with hexadecimal color #308ea5

This text has a font color of #308ea5.

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

#308ea5 background color

This paragraph has a background color of #308ea5.

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

#308ea5 border color

This element has a border color of #308ea5.

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

CSS codes

.text {color:#308ea5;}

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

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

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)
```
#15404a
```
#15404a rgb(21,64,74)
```
#1a4d59
```
#1a4d59 rgb(26,77,89)
```
#1e5a68
```
#1e5a68 rgb(30,90,104)
```
#236777
```
#236777 rgb(35,103,119)
```
#277487
```
#277487 rgb(39,116,135)
```
#2c8196
```
#2c8196 rgb(44,129,150)
```
#308ea5
```
#308ea5 rgb(48,142,165)
```
#349bb4
```
#349bb4 rgb(52,155,180)
```
#39a8c3
```
#39a8c3 rgb(57,168,195)
```

Shade Color Variation

#47b0c9
```
#47b0c9 rgb(71,176,201)
```
#56b6ce
```
#56b6ce rgb(86,182,206)
```
#65bdd2
```
#65bdd2 rgb(101,189,210)
```
#74c3d7
```
#74c3d7 rgb(116,195,215)
```
#83cadb
```
#83cadb rgb(131,202,219)
```
#92d0df
```
#92d0df rgb(146,208,223)
```
#a2d7e4
```
#a2d7e4 rgb(162,215,228)
```
#b1dde8
```
#b1dde8 rgb(177,221,232)
```
#c0e4ed
```
#c0e4ed rgb(192,228,237)
```
#cfeaf1
```
#cfeaf1 rgb(207,234,241)
```
#def1f6
```
#def1f6 rgb(222,241,246)
```
#eef8fa
```
#eef8fa rgb(238,248,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 #07a7ce is the most saturated one.

#696b6c
```
#696b6c rgb(105,107,108)
```
#617074
```
#617074 rgb(97,112,116)
```
#59757c
```
#59757c rgb(89,117,124)
```
#517a84
```
#517a84 rgb(81,122,132)
```
#497f8c
```
#497f8c rgb(73,127,140)
```
#408495
```
#408495 rgb(64,132,149)
```
#38899d
```
#38899d rgb(56,137,157)
```
#308ea5
```
#308ea5 rgb(48,142,165)
```
#2893ad
```
#2893ad rgb(40,147,173)
```
#2098b5
```
#2098b5 rgb(32,152,181)
```
#179dbe
```
#179dbe rgb(23,157,190)
```
#0fa2c6
```
#0fa2c6 rgb(15,162,198)
```
#07a7ce
```
#07a7ce rgb(7,167,206)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#677a7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8388a2 Protanopia 1% of men
#8187ae Deuteranopia 1% of men
#3395a0 Tritanopia 0.001% of the population

Trichromacy

#658aa3 Protanomaly 1% of men, 0.01% of women
#6389ab Deuteranomaly 6% of men, 0.4% of women
#3292a2 Tritanomaly 0.01% of the population

#308ea5 hex color

#308ea5 Color Information

#308ea5 Color Conversion

Color Schemes with #308ea5

Alternatives to #308ea5

#308ea5 Preview

Shades and Tints of #308ea5

Tones of #308ea5

Color Blindness Simulator