#308edb hex color

In a RGB color space, hex #308edb is composed of 18.8% red, 55.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 35.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 207 degrees, a saturation of 70.4% and a lightness of 52.4%. #308edb color hex could be obtained by blending #60ffff with #001db7. 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

● #308edb color description : Bright blue.

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

Hex triplet	308edb	`#308edb`
RGB Decimal	48, 142, 219	`rgb(48,142,219)`
RGB Percent	18.8, 55.7, 85.9	`rgb(18.8%,55.7%,85.9%)`
CMYK	78, 35, 0, 14
HSL	207°, 70.4, 52.4	`hsl(207,70.4%,52.4%)`
HSV (or HSB)	207°, 78.1, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.16, -0.748, -46.975
XYZ	23.675, 25.087, 70.608
xyY	0.198, 0.21, 25.087
CIE-LCH	57.16, 46.981, 269.088
CIE-LUV	57.16, -31.99, -73.783
Hunter-Lab	50.087, -3.278, -48.522
Binary	00110000, 10001110, 11011011

#308edb
```
#308edb rgb(48,142,219)
```
#db7d30
```
#db7d30 rgb(219,125,48)
```

Complementary Color

#30dbd3
```
#30dbd3 rgb(48,219,211)
```
#308edb
```
#308edb rgb(48,142,219)
```
#3039db
```
#3039db rgb(48,57,219)
```

Analogous Color

#dbd330
```
#dbd330 rgb(219,211,48)
```
#308edb
```
#308edb rgb(48,142,219)
```
#db3039
```
#db3039 rgb(219,48,57)
```

Split Complementary Color

#8edb30
```
#8edb30 rgb(142,219,48)
```
#308edb
```
#308edb rgb(48,142,219)
```
#db308e
```
#db308e rgb(219,48,142)
```

Triadic Color

#30db7d
```
#30db7d rgb(48,219,125)
```
#308edb
```
#308edb rgb(48,142,219)
```
#db308e
```
#db308e rgb(219,48,142)
```
#db7d30
```
#db7d30 rgb(219,125,48)
```

Tetradic Color

#1c66a2
```
#1c66a2 rgb(28,102,162)
```
#2074b8
```
#2074b8 rgb(32,116,184)
```
#2481ce
```
#2481ce rgb(36,129,206)
```
#308edb
```
#308edb rgb(48,142,219)
```
#469adf
```
#469adf rgb(70,154,223)
```
#5ba6e3
```
#5ba6e3 rgb(91,166,227)
```
#71b2e6
```
#71b2e6 rgb(113,178,230)
```

Monochromatic Color

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

#30b9db
```
#30b9db rgb(48,185,219)
```
#30abdb
```
#30abdb rgb(48,171,219)
```
#309cdb
```
#309cdb rgb(48,156,219)
```
#308edb
```
#308edb rgb(48,142,219)
```
#3080db
```
#3080db rgb(48,128,219)
```
#3072db
```
#3072db rgb(48,114,219)
```
#3063db
```
#3063db rgb(48,99,219)
```

Similar Colors

Text with hexadecimal color #308edb

This text has a font color of #308edb.

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

#308edb background color

This paragraph has a background color of #308edb.

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

#308edb border color

This element has a border color of #308edb.

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

CSS codes

.text {color:#308edb;}

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

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

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, #02060a is the darkest color, while #f9fbfe is the lightest one.

#02060a
```
#02060a rgb(2,6,10)
```
#05111b
```
#05111b rgb(5,17,27)
```
#081b2c
```
#081b2c rgb(8,27,44)
```
#0a263c
```
#0a263c rgb(10,38,60)
```
#0d304d
```
#0d304d rgb(13,48,77)
```
#103b5e
```
#103b5e rgb(16,59,94)
```
#13456e
```
#13456e rgb(19,69,110)
```
#16507f
```
#16507f rgb(22,80,127)
```
#195a90
```
#195a90 rgb(25,90,144)
```
#1c65a1
```
#1c65a1 rgb(28,101,161)
```
#1f6fb1
```
#1f6fb1 rgb(31,111,177)
```
#227ac2
```
#227ac2 rgb(34,122,194)
```
#2584d3
```
#2584d3 rgb(37,132,211)
```

Shade Color Variation

#308edb
```
#308edb rgb(48,142,219)
```
#4197de
```
#4197de rgb(65,151,222)
```
#51a0e1
```
#51a0e1 rgb(81,160,225)
```
#62a9e4
```
#62a9e4 rgb(98,169,228)
```
#73b2e7
```
#73b2e7 rgb(115,178,231)
```
#84bcea
```
#84bcea rgb(132,188,234)
```
#94c5ec
```
#94c5ec rgb(148,197,236)
```
#a5ceef
```
#a5ceef rgb(165,206,239)
```
#b6d7f2
```
#b6d7f2 rgb(182,215,242)
```
#c6e0f5
```
#c6e0f5 rgb(198,224,245)
```
#d7e9f8
```
#d7e9f8 rgb(215,233,248)
```
#e8f2fb
```
#e8f2fb rgb(232,242,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#848687
```
#848687 rgb(132,134,135)
```
#7b8790
```
#7b8790 rgb(123,135,144)
```
#71879a
```
#71879a rgb(113,135,154)
```
#6888a3
```
#6888a3 rgb(104,136,163)
```
#5f89ac
```
#5f89ac rgb(95,137,172)
```
#558ab6
```
#558ab6 rgb(85,138,182)
```
#4c8bbf
```
#4c8bbf rgb(76,139,191)
```
#438cc8
```
#438cc8 rgb(67,140,200)
```
#398dd2
```
#398dd2 rgb(57,141,210)
```
#308edb
```
#308edb rgb(48,142,219)
```
#278fe4
```
#278fe4 rgb(39,143,228)
```
#1d90ee
```
#1d90ee rgb(29,144,238)
```
#1491f7
```
#1491f7 rgb(20,145,247)
```

Tone Color Variation

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

#718cd7 Protanopia 1% of men
#5a8fde Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

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

#308edb hex color

#308edb Color Information

#308edb Color Conversion

Color Schemes with #308edb

Alternatives to #308edb

#308edb Preview

Shades and Tints of #308edb

Tones of #308edb

Color Blindness Simulator