#308fa5 hex color

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

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

● #308fa5 color description : Dark cyan.

The hexadecimal color #308fa5 has RGB values of R:48, G:143, B:165 and CMYK values of C:0.71, M:0.13, Y:0, K:0.35. Its decimal value is 3182501.

Hex triplet	308fa5	`#308fa5`
RGB Decimal	48, 143, 165	`rgb(48,143,165)`
RGB Percent	18.8, 56.1, 64.7	`rgb(18.8%,56.1%,64.7%)`
CMYK	71, 13, 0, 35
HSL	191.3°, 54.9, 41.8	`hsl(191.3,54.9%,41.8%)`
HSV (or HSB)	191.3°, 70.9, 64.7
Web Safe	339999	`#339999`

CIE-LAB	55.06, -20.064, -19.63
XYZ	17.831, 22.988, 39.093
xyY	0.223, 0.288, 22.988
CIE-LCH	55.06, 28.07, 224.374
CIE-LUV	55.06, -35.236, -26.66
Hunter-Lab	47.946, -17.522, -14.779
Binary	00110000, 10001111, 10100101

#308fa5
```
#308fa5 rgb(48,143,165)
```
#a54630
```
#a54630 rgb(165,70,48)
```

Complementary Color

#30a581
```
#30a581 rgb(48,165,129)
```
#308fa5
```
#308fa5 rgb(48,143,165)
```
#3055a5
```
#3055a5 rgb(48,85,165)
```

Analogous Color

#a58130
```
#a58130 rgb(165,129,48)
```
#308fa5
```
#308fa5 rgb(48,143,165)
```
#a53055
```
#a53055 rgb(165,48,85)
```

Split Complementary Color

#8fa530
```
#8fa530 rgb(143,165,48)
```
#308fa5
```
#308fa5 rgb(48,143,165)
```
#a5308f
```
#a5308f rgb(165,48,143)
```

Triadic Color

#30a546
```
#30a546 rgb(48,165,70)
```
#308fa5
```
#308fa5 rgb(48,143,165)
```
#a5308f
```
#a5308f rgb(165,48,143)
```
#a54630
```
#a54630 rgb(165,70,48)
```

Tetradic Color

#1f5c6a
```
#1f5c6a rgb(31,92,106)
```
#256d7d
```
#256d7d rgb(37,109,125)
```
#2a7e91
```
#2a7e91 rgb(42,126,145)
```
#308fa5
```
#308fa5 rgb(48,143,165)
```
#36a0b9
```
#36a0b9 rgb(54,160,185)
```
#40aec8
```
#40aec8 rgb(64,174,200)
```
#54b7cd
```
#54b7cd rgb(84,183,205)
```

Monochromatic Color

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

#30a59e
```
#30a59e rgb(48,165,158)
```
#30a3a5
```
#30a3a5 rgb(48,163,165)
```
#3099a5
```
#3099a5 rgb(48,153,165)
```
#308fa5
```
#308fa5 rgb(48,143,165)
```
#3085a5
```
#3085a5 rgb(48,133,165)
```
#307ca5
```
#307ca5 rgb(48,124,165)
```
#3072a5
```
#3072a5 rgb(48,114,165)
```

Similar Colors

Text with hexadecimal color #308fa5

This text has a font color of #308fa5.

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

#308fa5 background color

This paragraph has a background color of #308fa5.

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

#308fa5 border color

This element has a border color of #308fa5.

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

CSS codes

.text {color:#308fa5;}

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

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

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)
```
#0d262b
```
#0d262b rgb(13,38,43)
```
#11333b
```
#11333b rgb(17,51,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)
```
#277587
```
#277587 rgb(39,117,135)
```
#2c8296
```
#2c8296 rgb(44,130,150)
```
#308fa5
```
#308fa5 rgb(48,143,165)
```
#349cb4
```
#349cb4 rgb(52,156,180)
```
#39a9c3
```
#39a9c3 rgb(57,169,195)
```

Shade Color Variation

#47b1c9
```
#47b1c9 rgb(71,177,201)
```
#56b7ce
```
#56b7ce rgb(86,183,206)
```
#65bed2
```
#65bed2 rgb(101,190,210)
```
#74c4d7
```
#74c4d7 rgb(116,196,215)
```
#83cbdb
```
#83cbdb rgb(131,203,219)
```
#92d1df
```
#92d1df rgb(146,209,223)
```
#a2d7e4
```
#a2d7e4 rgb(162,215,228)
```
#b1dee8
```
#b1dee8 rgb(177,222,232)
```
#c0e4ed
```
#c0e4ed rgb(192,228,237)
```
#cfebf1
```
#cfebf1 rgb(207,235,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 #07a9ce is the most saturated one.

#696b6c
```
#696b6c rgb(105,107,108)
```
#617074
```
#617074 rgb(97,112,116)
```
#59757c
```
#59757c rgb(89,117,124)
```
#517b84
```
#517b84 rgb(81,123,132)
```
#49808c
```
#49808c rgb(73,128,140)
```
#408595
```
#408595 rgb(64,133,149)
```
#388a9d
```
#388a9d rgb(56,138,157)
```
#308fa5
```
#308fa5 rgb(48,143,165)
```
#2894ad
```
#2894ad rgb(40,148,173)
```
#2099b5
```
#2099b5 rgb(32,153,181)
```
#179ebe
```
#179ebe rgb(23,158,190)
```
#0fa3c6
```
#0fa3c6 rgb(15,163,198)
```
#07a9ce
```
#07a9ce rgb(7,169,206)
```

Tone Color Variation

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

#8489a2 Protanopia 1% of men
#8288ae Deuteranopia 1% of men
#3396a1 Tritanopia 0.001% of the population

Trichromacy

#658ba3 Protanomaly 1% of men, 0.01% of women
#648aab Deuteranomaly 6% of men, 0.4% of women
#3293a2 Tritanomaly 0.01% of the population

#308fa5 hex color

#308fa5 Color Information

#308fa5 Color Conversion

Color Schemes with #308fa5

Alternatives to #308fa5

#308fa5 Preview

Shades and Tints of #308fa5

Tones of #308fa5

Color Blindness Simulator