#308cbc hex color

In a RGB color space, hex #308cbc is composed of 18.8% red, 54.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 25.5% magenta, 0% yellow and 26.3% black. It has a hue angle of 200.6 degrees, a saturation of 59.3% and a lightness of 46.3%. #308cbc color hex could be obtained by blending #60ffff with #001979. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 55
- B 74
RGB color chart
- C 74
- M 26
- Y 0
- K 26
CMYK color chart

● #308cbc color description : Moderate blue.

The hexadecimal color #308cbc has RGB values of R:48, G:140, B:188 and CMYK values of C:0.74, M:0.26, Y:0, K:0.26. Its decimal value is 3181756.

Hex triplet	308cbc	`#308cbc`
RGB Decimal	48, 140, 188	`rgb(48,140,188)`
RGB Percent	18.8, 54.9, 73.7	`rgb(18.8%,54.9%,73.7%)`
CMYK	74, 26, 0, 26
HSL	200.6°, 59.3, 46.3	`hsl(200.6,59.3%,46.3%)`
HSV (or HSB)	200.6°, 74.5, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.086, -10.648, -32.738
XYZ	19.672, 23.014, 50.98
xyY	0.21, 0.246, 23.014
CIE-LCH	55.086, 34.426, 251.984
CIE-LUV	55.086, -32.856, -48.941
Hunter-Lab	47.973, -10.756, -29.425
Binary	00110000, 10001100, 10111100

#308cbc
```
#308cbc rgb(48,140,188)
```
#bc6030
```
#bc6030 rgb(188,96,48)
```

Complementary Color

#30bca6
```
#30bca6 rgb(48,188,166)
```
#308cbc
```
#308cbc rgb(48,140,188)
```
#3046bc
```
#3046bc rgb(48,70,188)
```

Analogous Color

#bca630
```
#bca630 rgb(188,166,48)
```
#308cbc
```
#308cbc rgb(48,140,188)
```
#bc3046
```
#bc3046 rgb(188,48,70)
```

Split Complementary Color

#8cbc30
```
#8cbc30 rgb(140,188,48)
```
#308cbc
```
#308cbc rgb(48,140,188)
```
#bc308c
```
#bc308c rgb(188,48,140)
```

Triadic Color

#30bc60
```
#30bc60 rgb(48,188,96)
```
#308cbc
```
#308cbc rgb(48,140,188)
```
#bc308c
```
#bc308c rgb(188,48,140)
```
#bc6030
```
#bc6030 rgb(188,96,48)
```

Tetradic Color

#205f7f
```
#205f7f rgb(32,95,127)
```
#266e93
```
#266e93 rgb(38,110,147)
```
#2b7da8
```
#2b7da8 rgb(43,125,168)
```
#308cbc
```
#308cbc rgb(48,140,188)
```
#399acc
```
#399acc rgb(57,154,204)
```
#4da4d2
```
#4da4d2 rgb(77,164,210)
```
#62afd7
```
#62afd7 rgb(98,175,215)
```

Monochromatic Color

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

#30afbc
```
#30afbc rgb(48,175,188)
```
#30a3bc
```
#30a3bc rgb(48,163,188)
```
#3098bc
```
#3098bc rgb(48,152,188)
```
#308cbc
```
#308cbc rgb(48,140,188)
```
#3080bc
```
#3080bc rgb(48,128,188)
```
#3075bc
```
#3075bc rgb(48,117,188)
```
#3069bc
```
#3069bc rgb(48,105,188)
```

Similar Colors

Text with hexadecimal color #308cbc

This text has a font color of #308cbc.

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

#308cbc background color

This paragraph has a background color of #308cbc.

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

#308cbc border color

This element has a border color of #308cbc.

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

CSS codes

.text {color:#308cbc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040c10
```
#040c10 rgb(4,12,16)
```
#081820
```
#081820 rgb(8,24,32)
```
#0c232f
```
#0c232f rgb(12,35,47)
```
#102f3f
```
#102f3f rgb(16,47,63)
```
#143b4f
```
#143b4f rgb(20,59,79)
```
#18465e
```
#18465e rgb(24,70,94)
```
#1c526e
```
#1c526e rgb(28,82,110)
```
#205d7d
```
#205d7d rgb(32,93,125)
```
#24698d
```
#24698d rgb(36,105,141)
```
#28759d
```
#28759d rgb(40,117,157)
```
#2c80ac
```
#2c80ac rgb(44,128,172)
```
#308cbc
```
#308cbc rgb(48,140,188)
```

Shade Color Variation

#3498cb
```
#3498cb rgb(52,152,203)
```
#44a0cf
```
#44a0cf rgb(68,160,207)
```
#54a7d3
```
#54a7d3 rgb(84,167,211)
```
#63afd7
```
#63afd7 rgb(99,175,215)
```
#73b7db
```
#73b7db rgb(115,183,219)
```
#82bfdf
```
#82bfdf rgb(130,191,223)
```
#92c7e3
```
#92c7e3 rgb(146,199,227)
```
#a2cfe7
```
#a2cfe7 rgb(162,207,231)
```
#b1d7eb
```
#b1d7eb rgb(177,215,235)
```
#c1dfef
```
#c1dfef rgb(193,223,239)
```
#d1e7f3
```
#d1e7f3 rgb(209,231,243)
```
#e0eff7
```
#e0eff7 rgb(224,239,247)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70787c is the less saturated color, while #039ae9 is the most saturated one.

#70787c
```
#70787c rgb(112,120,124)
```
#667b86
```
#667b86 rgb(102,123,134)
```
#5d7e8f
```
#5d7e8f rgb(93,126,143)
```
#548198
```
#548198 rgb(84,129,152)
```
#4b83a1
```
#4b83a1 rgb(75,131,161)
```
#4286aa
```
#4286aa rgb(66,134,170)
```
#3989b3
```
#3989b3 rgb(57,137,179)
```
#308cbc
```
#308cbc rgb(48,140,188)
```
#278fc5
```
#278fc5 rgb(39,143,197)
```
#1e92ce
```
#1e92ce rgb(30,146,206)
```
#1595d7
```
#1595d7 rgb(21,149,215)
```
#0c97e0
```
#0c97e0 rgb(12,151,224)
```
#039ae9
```
#039ae9 rgb(3,154,233)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#687a84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a88b8 Protanopia 1% of men
#7089c2 Deuteranopia 1% of men
#0e97a2 Tritanopia 0.001% of the population

Trichromacy

#5f89ba Protanomaly 1% of men, 0.01% of women
#598ac0 Deuteranomaly 6% of men, 0.4% of women
#1a93ab Tritanomaly 0.01% of the population

#308cbc hex color

#308cbc Color Information

#308cbc Color Conversion

Color Schemes with #308cbc

Alternatives to #308cbc

#308cbc Preview

Shades and Tints of #308cbc

Tones of #308cbc

Color Blindness Simulator