#308cd2 hex color

In a RGB color space, hex #308cd2 is composed of 18.8% red, 54.9% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 33.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 205.9 degrees, a saturation of 64.3% and a lightness of 50.6%. #308cd2 color hex could be obtained by blending #60ffff with #0019a5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 55
- B 82
RGB color chart
- C 77
- M 33
- Y 0
- K 18
CMYK color chart

● #308cd2 color description : Strong blue.

The hexadecimal color #308cd2 has RGB values of R:48, G:140, B:210 and CMYK values of C:0.77, M:0.33, Y:0, K:0.18. Its decimal value is 3181778.

Hex triplet	308cd2	`#308cd2`
RGB Decimal	48, 140, 210	`rgb(48,140,210)`
RGB Percent	18.8, 54.9, 82.4	`rgb(18.8%,54.9%,82.4%)`
CMYK	77, 33, 0, 18
HSL	205.9°, 64.3, 50.6	`hsl(205.9,64.3%,50.6%)`
HSV (or HSB)	205.9°, 77.1, 82.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.124, -2.83, -43.564
XYZ	22.227, 24.036, 64.437
xyY	0.201, 0.217, 24.036
CIE-LCH	56.124, 43.655, 266.283
CIE-LUV	56.124, -31.742, -67.727
Hunter-Lab	49.026, -4.87, -43.609
Binary	00110000, 10001100, 11010010

#308cd2
```
#308cd2 rgb(48,140,210)
```
#d27630
```
#d27630 rgb(210,118,48)
```

Complementary Color

#30d2c7
```
#30d2c7 rgb(48,210,199)
```
#308cd2
```
#308cd2 rgb(48,140,210)
```
#303bd2
```
#303bd2 rgb(48,59,210)
```

Analogous Color

#d2c730
```
#d2c730 rgb(210,199,48)
```
#308cd2
```
#308cd2 rgb(48,140,210)
```
#d2303b
```
#d2303b rgb(210,48,59)
```

Split Complementary Color

#8cd230
```
#8cd230 rgb(140,210,48)
```
#308cd2
```
#308cd2 rgb(48,140,210)
```
#d2308c
```
#d2308c rgb(210,48,140)
```

Triadic Color

#30d276
```
#30d276 rgb(48,210,118)
```
#308cd2
```
#308cd2 rgb(48,140,210)
```
#d2308c
```
#d2308c rgb(210,48,140)
```
#d27630
```
#d27630 rgb(210,118,48)
```

Tetradic Color

#206395
```
#206395 rgb(32,99,149)
```
#2571aa
```
#2571aa rgb(37,113,170)
```
#2a7ebf
```
#2a7ebf rgb(42,126,191)
```
#308cd2
```
#308cd2 rgb(48,140,210)
```
#4598d7
```
#4598d7 rgb(69,152,215)
```
#5aa3db
```
#5aa3db rgb(90,163,219)
```
#6fafe0
```
#6fafe0 rgb(111,175,224)
```

Monochromatic Color

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

#30b5d2
```
#30b5d2 rgb(48,181,210)
```
#30a7d2
```
#30a7d2 rgb(48,167,210)
```
#309ad2
```
#309ad2 rgb(48,154,210)
```
#308cd2
```
#308cd2 rgb(48,140,210)
```
#307fd2
```
#307fd2 rgb(48,127,210)
```
#3071d2
```
#3071d2 rgb(48,113,210)
```
#3064d2
```
#3064d2 rgb(48,100,210)
```

Similar Colors

Text with hexadecimal color #308cd2

This text has a font color of #308cd2.

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

#308cd2 background color

This paragraph has a background color of #308cd2.

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

#308cd2 border color

This element has a border color of #308cd2.

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

CSS codes

.text {color:#308cd2;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#040c13
```
#040c13 rgb(4,12,19)
```
#081723
```
#081723 rgb(8,23,35)
```
#0b2233
```
#0b2233 rgb(11,34,51)
```
#0f2c43
```
#0f2c43 rgb(15,44,67)
```
#123753
```
#123753 rgb(18,55,83)
```
#164263
```
#164263 rgb(22,66,99)
```
#194c73
```
#194c73 rgb(25,76,115)
```
#1d5783
```
#1d5783 rgb(29,87,131)
```
#206293
```
#206293 rgb(32,98,147)
```
#246ca4
```
#246ca4 rgb(36,108,164)
```
#2777b4
```
#2777b4 rgb(39,119,180)
```
#2b82c4
```
#2b82c4 rgb(43,130,196)
```

Shade Color Variation

#308cd2
```
#308cd2 rgb(48,140,210)
```
#4095d6
```
#4095d6 rgb(64,149,214)
```
#509ed9
```
#509ed9 rgb(80,158,217)
```
#60a7dd
```
#60a7dd rgb(96,167,221)
```
#70b0e0
```
#70b0e0 rgb(112,176,224)
```
#81b9e4
```
#81b9e4 rgb(129,185,228)
```
#91c2e7
```
#91c2e7 rgb(145,194,231)
```
#a1cbeb
```
#a1cbeb rgb(161,203,235)
```
#b1d4ee
```
#b1d4ee rgb(177,212,238)
```
#c1ddf2
```
#c1ddf2 rgb(193,221,242)
```
#d1e6f5
```
#d1e6f5 rgb(209,230,245)
```
#e1eef9
```
#e1eef9 rgb(225,238,249)
```
#f1f7fc
```
#f1f7fc rgb(241,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8184 is the less saturated color, while #0991f9 is the most saturated one.

#7e8184
```
#7e8184 rgb(126,129,132)
```
#74838e
```
#74838e rgb(116,131,142)
```
#6a8498
```
#6a8498 rgb(106,132,152)
```
#6085a2
```
#6085a2 rgb(96,133,162)
```
#5787ab
```
#5787ab rgb(87,135,171)
```
#4d88b5
```
#4d88b5 rgb(77,136,181)
```
#4389bf
```
#4389bf rgb(67,137,191)
```
#3a8bc8
```
#3a8bc8 rgb(58,139,200)
```
#308cd2
```
#308cd2 rgb(48,140,210)
```
#268ddc
```
#268ddc rgb(38,141,220)
```
#1d8fe5
```
#1d8fe5 rgb(29,143,229)
```
#1390ef
```
#1390ef rgb(19,144,239)
```
#0991f9
```
#0991f9 rgb(9,145,249)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6a7c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#728ace Protanopia 1% of men
#5f8dd6 Deuteranopia 1% of men
#009aa5 Tritanopia 0.001% of the population

Trichromacy

#5a8bcf Protanomaly 1% of men, 0.01% of women
#4e8cd4 Deuteranomaly 6% of men, 0.4% of women
#1195b5 Tritanomaly 0.01% of the population

#308cd2 hex color

#308cd2 Color Information

#308cd2 Color Conversion

Color Schemes with #308cd2

Alternatives to #308cd2

#308cd2 Preview

Shades and Tints of #308cd2

Tones of #308cd2

Color Blindness Simulator