#308edc hex color

In a RGB color space, hex #308edc is composed of 18.8% red, 55.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 35.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 207.2 degrees, a saturation of 71.1% and a lightness of 52.5%. #308edc color hex could be obtained by blending #60ffff with #001db9. Closest websafe color is: #3399cc.

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

● #308edc color description : Bright blue.

The hexadecimal color #308edc has RGB values of R:48, G:142, B:220 and CMYK values of C:0.78, M:0.35, Y:0, K:0.14. Its decimal value is 3182300.

Hex triplet	308edc	`#308edc`
RGB Decimal	48, 142, 220	`rgb(48,142,220)`
RGB Percent	18.8, 55.7, 86.3	`rgb(18.8%,55.7%,86.3%)`
CMYK	78, 35, 0, 14
HSL	207.2°, 71.1, 52.5	`hsl(207.2,71.1%,52.5%)`
HSV (or HSB)	207.2°, 78.2, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.211, -0.385, -47.453
XYZ	23.807, 25.14, 71.304
xyY	0.198, 0.209, 25.14
CIE-LCH	57.211, 47.454, 269.535
CIE-LUV	57.211, -31.944, -74.618
Hunter-Lab	50.139, -2.989, -49.219
Binary	00110000, 10001110, 11011100

#308edc
```
#308edc rgb(48,142,220)
```
#dc7e30
```
#dc7e30 rgb(220,126,48)
```

Complementary Color

#30dcd4
```
#30dcd4 rgb(48,220,212)
```
#308edc
```
#308edc rgb(48,142,220)
```
#3038dc
```
#3038dc rgb(48,56,220)
```

Analogous Color

#dcd430
```
#dcd430 rgb(220,212,48)
```
#308edc
```
#308edc rgb(48,142,220)
```
#dc3038
```
#dc3038 rgb(220,48,56)
```

Split Complementary Color

#8edc30
```
#8edc30 rgb(142,220,48)
```
#308edc
```
#308edc rgb(48,142,220)
```
#dc308e
```
#dc308e rgb(220,48,142)
```

Triadic Color

#30dc7e
```
#30dc7e rgb(48,220,126)
```
#308edc
```
#308edc rgb(48,142,220)
```
#dc308e
```
#dc308e rgb(220,48,142)
```
#dc7e30
```
#dc7e30 rgb(220,126,48)
```

Tetradic Color

#1c66a4
```
#1c66a4 rgb(28,102,164)
```
#1f74ba
```
#1f74ba rgb(31,116,186)
```
#2381cf
```
#2381cf rgb(35,129,207)
```
#308edc
```
#308edc rgb(48,142,220)
```
#469ae0
```
#469ae0 rgb(70,154,224)
```
#5ca6e3
```
#5ca6e3 rgb(92,166,227)
```
#71b2e7
```
#71b2e7 rgb(113,178,231)
```

Monochromatic Color

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

#30b9dc
```
#30b9dc rgb(48,185,220)
```
#30abdc
```
#30abdc rgb(48,171,220)
```
#309cdc
```
#309cdc rgb(48,156,220)
```
#308edc
```
#308edc rgb(48,142,220)
```
#3080dc
```
#3080dc rgb(48,128,220)
```
#3071dc
```
#3071dc rgb(48,113,220)
```
#3063dc
```
#3063dc rgb(48,99,220)
```

Similar Colors

Text with hexadecimal color #308edc

This text has a font color of #308edc.

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

#308edc background color

This paragraph has a background color of #308edc.

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

#308edc border color

This element has a border color of #308edc.

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

CSS codes

.text {color:#308edc;}

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

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

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

#02070b
```
#02070b rgb(2,7,11)
```
#05111c
```
#05111c rgb(5,17,28)
```
#081c2d
```
#081c2d rgb(8,28,45)
```
#0a263d
```
#0a263d rgb(10,38,61)
```
#0d314e
```
#0d314e rgb(13,49,78)
```
#103b5f
```
#103b5f rgb(16,59,95)
```
#134670
```
#134670 rgb(19,70,112)
```
#165081
```
#165081 rgb(22,80,129)
```
#195b91
```
#195b91 rgb(25,91,145)
```
#1b65a2
```
#1b65a2 rgb(27,101,162)
```
#1e6fb3
```
#1e6fb3 rgb(30,111,179)
```
#217ac4
```
#217ac4 rgb(33,122,196)
```
#2484d4
```
#2484d4 rgb(36,132,212)
```

Shade Color Variation

#308edc
```
#308edc rgb(48,142,220)
```
#4197df
```
#4197df rgb(65,151,223)
```
#52a0e2
```
#52a0e2 rgb(82,160,226)
```
#62a9e5
```
#62a9e5 rgb(98,169,229)
```
#73b3e7
```
#73b3e7 rgb(115,179,231)
```
#84bcea
```
#84bcea rgb(132,188,234)
```
#95c5ed
```
#95c5ed rgb(149,197,237)
```
#a5cef0
```
#a5cef0 rgb(165,206,240)
```
#b6d7f3
```
#b6d7f3 rgb(182,215,243)
```
#c7e0f6
```
#c7e0f6 rgb(199,224,246)
```
#d8eaf8
```
#d8eaf8 rgb(216,234,248)
```
#e9f3fb
```
#e9f3fb rgb(233,243,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848688 is the less saturated color, while #1491f8 is the most saturated one.

#848688
```
#848688 rgb(132,134,136)
```
#7a8792
```
#7a8792 rgb(122,135,146)
```
#71889b
```
#71889b rgb(113,136,155)
```
#6889a4
```
#6889a4 rgb(104,137,164)
```
#5f8aad
```
#5f8aad rgb(95,138,173)
```
#558bb7
```
#558bb7 rgb(85,139,183)
```
#4c8bc0
```
#4c8bc0 rgb(76,139,192)
```
#438cc9
```
#438cc9 rgb(67,140,201)
```
#398dd3
```
#398dd3 rgb(57,141,211)
```
#308edc
```
#308edc rgb(48,142,220)
```
#278fe5
```
#278fe5 rgb(39,143,229)
```
#1d90ef
```
#1d90ef rgb(29,144,239)
```
#1491f8
```
#1491f8 rgb(20,145,248)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c7f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#708dd8 Protanopia 1% of men
#5990df Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#598dd9 Protanomaly 1% of men, 0.01% of women
#4a8fde Deuteranomaly 6% of men, 0.4% of women
#1197ba Tritanomaly 0.01% of the population

#308edc hex color

#308edc Color Information

#308edc Color Conversion

Color Schemes with #308edc

Alternatives to #308edc

#308edc Preview

Shades and Tints of #308edc

Tones of #308edc

Color Blindness Simulator