#308df5 hex color

In a RGB color space, hex #308df5 is composed of 18.8% red, 55.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 42.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 211.7 degrees, a saturation of 90.8% and a lightness of 57.5%. #308df5 color hex could be obtained by blending #60ffff with #001beb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 55
- B 96
RGB color chart
- C 80
- M 42
- Y 0
- K 4
CMYK color chart

● #308df5 color description : Bright blue.

The hexadecimal color #308df5 has RGB values of R:48, G:141, B:245 and CMYK values of C:0.8, M:0.42, Y:0, K:0.04. Its decimal value is 3182069.

Hex triplet	308df5	`#308df5`
RGB Decimal	48, 141, 245	`rgb(48,141,245)`
RGB Percent	18.8, 55.3, 96.1	`rgb(18.8%,55.3%,96.1%)`
CMYK	80, 42, 0, 4
HSL	211.7°, 90.8, 57.5	`hsl(211.7,90.8%,57.5%)`
HSV (or HSB)	211.7°, 80.4, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.291, 9.36, -59.621
XYZ	27.221, 26.268, 90.017
xyY	0.19, 0.183, 26.268
CIE-LCH	58.291, 60.351, 278.923
CIE-LUV	58.291, -30.562, -95.744
Hunter-Lab	51.253, 5.113, -68.256
Binary	00110000, 10001101, 11110101

#308df5
```
#308df5 rgb(48,141,245)
```
#f59830
```
#f59830 rgb(245,152,48)
```

Complementary Color

#30f0f5
```
#30f0f5 rgb(48,240,245)
```
#308df5
```
#308df5 rgb(48,141,245)
```
#3530f5
```
#3530f5 rgb(53,48,245)
```

Analogous Color

#f0f530
```
#f0f530 rgb(240,245,48)
```
#308df5
```
#308df5 rgb(48,141,245)
```
#f53530
```
#f53530 rgb(245,53,48)
```

Split Complementary Color

#8df530
```
#8df530 rgb(141,245,48)
```
#308df5
```
#308df5 rgb(48,141,245)
```
#f5308d
```
#f5308d rgb(245,48,141)
```

Triadic Color

#30f598
```
#30f598 rgb(48,245,152)
```
#308df5
```
#308df5 rgb(48,141,245)
```
#f5308d
```
#f5308d rgb(245,48,141)
```
#f59830
```
#f59830 rgb(245,152,48)
```

Tetradic Color

#0a67cf
```
#0a67cf rgb(10,103,207)
```
#0b73e7
```
#0b73e7 rgb(11,115,231)
```
#1880f4
```
#1880f4 rgb(24,128,244)
```
#308df5
```
#308df5 rgb(48,141,245)
```
#489af6
```
#489af6 rgb(72,154,246)
```
#61a8f7
```
#61a8f7 rgb(97,168,247)
```
#79b5f9
```
#79b5f9 rgb(121,181,249)
```

Monochromatic Color

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

#30bef5
```
#30bef5 rgb(48,190,245)
```
#30aef5
```
#30aef5 rgb(48,174,245)
```
#309df5
```
#309df5 rgb(48,157,245)
```
#308df5
```
#308df5 rgb(48,141,245)
```
#307df5
```
#307df5 rgb(48,125,245)
```
#306cf5
```
#306cf5 rgb(48,108,245)
```
#305cf5
```
#305cf5 rgb(48,92,245)
```

Similar Colors

Text with hexadecimal color #308df5

This text has a font color of #308df5.

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

#308df5 background color

This paragraph has a background color of #308df5.

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

#308df5 border color

This element has a border color of #308df5.

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

CSS codes

.text {color:#308df5;}

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

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

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

#010912
```
#010912 rgb(1,9,18)
```
#021224
```
#021224 rgb(2,18,36)
```
#031b37
```
#031b37 rgb(3,27,55)
```
#04254a
```
#04254a rgb(4,37,74)
```
#042e5c
```
#042e5c rgb(4,46,92)
```
#05376f
```
#05376f rgb(5,55,111)
```
#064182
```
#064182 rgb(6,65,130)
```
#074a95
```
#074a95 rgb(7,74,149)
```
#0853a7
```
#0853a7 rgb(8,83,167)
```
#095dba
```
#095dba rgb(9,93,186)
```
#0a66cd
```
#0a66cd rgb(10,102,205)
```
#0b6fdf
```
#0b6fdf rgb(11,111,223)
```
#0c78f2
```
#0c78f2 rgb(12,120,242)
```

Shade Color Variation

#1d83f4
```
#1d83f4 rgb(29,131,244)
```
#308df5
```
#308df5 rgb(48,141,245)
```
#4397f6
```
#4397f6 rgb(67,151,246)
```
#55a2f7
```
#55a2f7 rgb(85,162,247)
```
#68acf8
```
#68acf8 rgb(104,172,248)
```
#7bb6f9
```
#7bb6f9 rgb(123,182,249)
```
#8ec1fa
```
#8ec1fa rgb(142,193,250)
```
#a0cbfa
```
#a0cbfa rgb(160,203,250)
```
#b3d5fb
```
#b3d5fb rgb(179,213,251)
```
#c6dffc
```
#c6dffc rgb(198,223,252)
```
#d8eafd
```
#d8eafd rgb(216,234,253)
```
#ebf4fe
```
#ebf4fe rgb(235,244,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9299 is the less saturated color, while #288dfd is the most saturated one.

#8c9299
```
#8c9299 rgb(140,146,153)
```
#8392a2
```
#8392a2 rgb(131,146,162)
```
#7b91aa
```
#7b91aa rgb(123,145,170)
```
#7391b2
```
#7391b2 rgb(115,145,178)
```
#6a90bb
```
#6a90bb rgb(106,144,187)
```
#6290c3
```
#6290c3 rgb(98,144,195)
```
#5a8fcb
```
#5a8fcb rgb(90,143,203)
```
#518fd4
```
#518fd4 rgb(81,143,212)
```
#498edc
```
#498edc rgb(73,142,220)
```
#418ee4
```
#418ee4 rgb(65,142,228)
```
#388ded
```
#388ded rgb(56,141,237)
```
#308df5
```
#308df5 rgb(48,141,245)
```
#288dfd
```
#288dfd rgb(40,141,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e8095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#608ef2 Protanopia 1% of men
#2994f4 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#4f8ef3 Protanomaly 1% of men, 0.01% of women
#2b91f4 Deuteranomaly 6% of men, 0.4% of women
#1199c5 Tritanomaly 0.01% of the population

#308df5 hex color

#308df5 Color Information

#308df5 Color Conversion

Color Schemes with #308df5

Alternatives to #308df5

#308df5 Preview

Shades and Tints of #308df5

Tones of #308df5

Color Blindness Simulator