colorhexa.com

#308699 hex color

In a RGB color space, hex #308699 is composed of 18.8% red, 52.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 12.4% magenta, 0% yellow and 40% black. It has a hue angle of 190.9 degrees, a saturation of 52.2% and a lightness of 39.4%. #308699 color hex could be obtained by blending #60ffff with #000d33. Closest websafe color is: #339999.

- R 19
- G 53
- B 60
RGB color chart
- C 69
- M 12
- Y 0
- K 40
CMYK color chart

● #308699 color description : Dark moderate cyan.

The hexadecimal color #308699 has RGB values of R:48, G:134, B:153 and CMYK values of C:0.69, M:0.12, Y:0, K:0.4. Its decimal value is 3180185.

Hex triplet	308699	`#308699`
RGB Decimal	48, 134, 153	`rgb(48,134,153)`
RGB Percent	18.8, 52.5, 60	`rgb(18.8%,52.5%,60%)`
CMYK	69, 12, 0, 40
HSL	190.9°, 52.2, 39.4	`hsl(190.9,52.2%,39.4%)`
HSV (or HSB)	190.9°, 68.6, 60
Web Safe	339999	`#339999`

CIE-LAB	51.811, -19.165, -17.663
XYZ	15.492, 19.977, 33.175
xyY	0.226, 0.291, 19.977
CIE-LCH	51.811, 26.064, 222.665
CIE-LUV	51.811, -32.6, -23.41
Hunter-Lab	44.696, -16.347, -12.72
Binary	00110000, 10000110, 10011001

#308699
```
#308699 rgb(48,134,153)
```
#994330
```
#994330 rgb(153,67,48)
```

Complementary Color

#309978
```
#309978 rgb(48,153,120)
```
#308699
```
#308699 rgb(48,134,153)
```
#305299
```
#305299 rgb(48,82,153)
```

Analogous Color

#997830
```
#997830 rgb(153,120,48)
```
#308699
```
#308699 rgb(48,134,153)
```
#993052
```
#993052 rgb(153,48,82)
```

Split Complementary Color

#869930
```
#869930 rgb(134,153,48)
```
#308699
```
#308699 rgb(48,134,153)
```
#993086
```
#993086 rgb(153,48,134)
```

Triadic Color

#309943
```
#309943 rgb(48,153,67)
```
#308699
```
#308699 rgb(48,134,153)
```
#993086
```
#993086 rgb(153,48,134)
```
#994330
```
#994330 rgb(153,67,48)
```

Tetradic Color

#1e535f
```
#1e535f rgb(30,83,95)
```
#246472
```
#246472 rgb(36,100,114)
```
#2a7586
```
#2a7586 rgb(42,117,134)
```
#308699
```
#308699 rgb(48,134,153)
```
#3697ac
```
#3697ac rgb(54,151,172)
```
#3ca8c0
```
#3ca8c0 rgb(60,168,192)
```
#4eb2c7
```
#4eb2c7 rgb(78,178,199)
```

Monochromatic Color

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

#309992
```
#309992 rgb(48,153,146)
```
#309899
```
#309899 rgb(48,152,153)
```
#308f99
```
#308f99 rgb(48,143,153)
```
#308699
```
#308699 rgb(48,134,153)
```
#307d99
```
#307d99 rgb(48,125,153)
```
#307599
```
#307599 rgb(48,117,153)
```
#306c99
```
#306c99 rgb(48,108,153)
```

Similar Colors

Text with hexadecimal color #308699

This text has a font color of #308699.

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

#308699 background color

This paragraph has a background color of #308699.

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

#308699 border color

This element has a border color of #308699.

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

CSS codes

.text {color:#308699;}

.background {background-color:#308699;}

.border {border:1px solid #308699;}

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

#010304
```
#010304 rgb(1,3,4)
```
#061013
```
#061013 rgb(6,16,19)
```
#0b1d22
```
#0b1d22 rgb(11,29,34)
```
#0f2a30
```
#0f2a30 rgb(15,42,48)
```
#14383f
```
#14383f rgb(20,56,63)
```
#19454e
```
#19454e rgb(25,69,78)
```
#1d525d
```
#1d525d rgb(29,82,93)
```
#225f6c
```
#225f6c rgb(34,95,108)
```
#276c7b
```
#276c7b rgb(39,108,123)
```
#2b798a
```
#2b798a rgb(43,121,138)
```
#308699
```
#308699 rgb(48,134,153)
```
#3593a8
```
#3593a8 rgb(53,147,168)
```
#39a0b7
```
#39a0b7 rgb(57,160,183)
```

Shade Color Variation

#41acc3
```
#41acc3 rgb(65,172,195)
```
#50b2c8
```
#50b2c8 rgb(80,178,200)
```
#5eb9cd
```
#5eb9cd rgb(94,185,205)
```
#6dbfd1
```
#6dbfd1 rgb(109,191,209)
```
#7cc6d6
```
#7cc6d6 rgb(124,198,214)
```
#8bccdb
```
#8bccdb rgb(139,204,219)
```
#9ad3df
```
#9ad3df rgb(154,211,223)
```
#a9d9e4
```
#a9d9e4 rgb(169,217,228)
```
#b8e0e9
```
#b8e0e9 rgb(184,224,233)
```
#c7e6ed
```
#c7e6ed rgb(199,230,237)
```
#d6edf2
```
#d6edf2 rgb(214,237,242)
```
#e5f4f7
```
#e5f4f7 rgb(229,244,247)
```
#f4fafb
```
#f4fafb rgb(244,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e686b is the less saturated color, while #02a4c7 is the most saturated one.

#5e686b
```
#5e686b rgb(94,104,107)
```
#576d72
```
#576d72 rgb(87,109,114)
```
#4f727a
```
#4f727a rgb(79,114,122)
```
#477782
```
#477782 rgb(71,119,130)
```
#3f7c8a
```
#3f7c8a rgb(63,124,138)
```
#388191
```
#388191 rgb(56,129,145)
```
#308699
```
#308699 rgb(48,134,153)
```
#288ba1
```
#288ba1 rgb(40,139,161)
```
#2190a8
```
#2190a8 rgb(33,144,168)
```
#1995b0
```
#1995b0 rgb(25,149,176)
```
#119ab8
```
#119ab8 rgb(17,154,184)
```
#099fc0
```
#099fc0 rgb(9,159,192)
```
#02a4c7
```
#02a4c7 rgb(2,164,199)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#627377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8197 Protanopia 1% of men
#7c80a2 Deuteranopia 1% of men
#368d97 Tritanopia 0.001% of the population

Trichromacy

#618398 Protanomaly 1% of men, 0.01% of women
#60829f Deuteranomaly 6% of men, 0.4% of women
#338a98 Tritanomaly 0.01% of the population