#308cbb hex color

In a RGB color space, hex #308cbb is composed of 18.8% red, 54.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 25.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 200.3 degrees, a saturation of 59.1% and a lightness of 46.1%. #308cbb color hex could be obtained by blending #60ffff with #001977. Closest websafe color is: #3399cc.

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

● #308cbb color description : Moderate blue.

The hexadecimal color #308cbb has RGB values of R:48, G:140, B:187 and CMYK values of C:0.74, M:0.25, Y:0, K:0.27. Its decimal value is 3181755.

Hex triplet	308cbb	`#308cbb`
RGB Decimal	48, 140, 187	`rgb(48,140,187)`
RGB Percent	18.8, 54.9, 73.3	`rgb(18.8%,54.9%,73.3%)`
CMYK	74, 25, 0, 27
HSL	200.3°, 59.1, 46.1	`hsl(200.3,59.1%,46.1%)`
HSV (or HSB)	200.3°, 74.3, 73.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.042, -10.996, -32.238
XYZ	19.564, 22.971, 50.414
xyY	0.21, 0.247, 22.971
CIE-LCH	55.042, 34.062, 251.166
CIE-LUV	55.042, -32.909, -48.079
Hunter-Lab	47.928, -11.009, -28.816
Binary	00110000, 10001100, 10111011

#308cbb
```
#308cbb rgb(48,140,187)
```
#bb5f30
```
#bb5f30 rgb(187,95,48)
```

Complementary Color

#30bba5
```
#30bba5 rgb(48,187,165)
```
#308cbb
```
#308cbb rgb(48,140,187)
```
#3047bb
```
#3047bb rgb(48,71,187)
```

Analogous Color

#bba530
```
#bba530 rgb(187,165,48)
```
#308cbb
```
#308cbb rgb(48,140,187)
```
#bb3047
```
#bb3047 rgb(187,48,71)
```

Split Complementary Color

#8cbb30
```
#8cbb30 rgb(140,187,48)
```
#308cbb
```
#308cbb rgb(48,140,187)
```
#bb308c
```
#bb308c rgb(187,48,140)
```

Triadic Color

#30bb5f
```
#30bb5f rgb(48,187,95)
```
#308cbb
```
#308cbb rgb(48,140,187)
```
#bb308c
```
#bb308c rgb(187,48,140)
```
#bb5f30
```
#bb5f30 rgb(187,95,48)
```

Tetradic Color

#205e7e
```
#205e7e rgb(32,94,126)
```
#266e92
```
#266e92 rgb(38,110,146)
```
#2b7da7
```
#2b7da7 rgb(43,125,167)
```
#308cbb
```
#308cbb rgb(48,140,187)
```
#389acc
```
#389acc rgb(56,154,204)
```
#4da4d1
```
#4da4d1 rgb(77,164,209)
```
#61afd6
```
#61afd6 rgb(97,175,214)
```

Monochromatic Color

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

#30afbb
```
#30afbb rgb(48,175,187)
```
#30a3bb
```
#30a3bb rgb(48,163,187)
```
#3098bb
```
#3098bb rgb(48,152,187)
```
#308cbb
```
#308cbb rgb(48,140,187)
```
#3080bb
```
#3080bb rgb(48,128,187)
```
#3075bb
```
#3075bb rgb(48,117,187)
```
#3069bb
```
#3069bb rgb(48,105,187)
```

Similar Colors

Text with hexadecimal color #308cbb

This text has a font color of #308cbb.

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

#308cbb background color

This paragraph has a background color of #308cbb.

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

#308cbb border color

This element has a border color of #308cbb.

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

CSS codes

.text {color:#308cbb;}

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

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

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, #040b0f is the darkest color, while #ffffff is the lightest one.

#040b0f
```
#040b0f rgb(4,11,15)
```
#08171f
```
#08171f rgb(8,23,31)
```
#0c232f
```
#0c232f rgb(12,35,47)
```
#102f3e
```
#102f3e rgb(16,47,62)
```
#143a4e
```
#143a4e rgb(20,58,78)
```
#18465d
```
#18465d rgb(24,70,93)
```
#1c526d
```
#1c526d rgb(28,82,109)
```
#205d7d
```
#205d7d rgb(32,93,125)
```
#24698c
```
#24698c rgb(36,105,140)
```
#28759c
```
#28759c rgb(40,117,156)
```
#2c80ab
```
#2c80ab rgb(44,128,171)
```
#308cbb
```
#308cbb rgb(48,140,187)
```
#3498cb
```
#3498cb rgb(52,152,203)
```

Shade Color Variation

#43a0cf
```
#43a0cf rgb(67,160,207)
```
#53a8d3
```
#53a8d3 rgb(83,168,211)
```
#63b0d7
```
#63b0d7 rgb(99,176,215)
```
#72b7db
```
#72b7db rgb(114,183,219)
```
#82bfdf
```
#82bfdf rgb(130,191,223)
```
#91c7e3
```
#91c7e3 rgb(145,199,227)
```
#a1cfe7
```
#a1cfe7 rgb(161,207,231)
```
#b1d7eb
```
#b1d7eb rgb(177,215,235)
```
#c0dfef
```
#c0dfef rgb(192,223,239)
```
#d0e7f3
```
#d0e7f3 rgb(208,231,243)
```
#dfeff7
```
#dfeff7 rgb(223,239,247)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6f787c
```
#6f787c rgb(111,120,124)
```
#667a85
```
#667a85 rgb(102,122,133)
```
#5d7d8e
```
#5d7d8e rgb(93,125,142)
```
#548097
```
#548097 rgb(84,128,151)
```
#4b83a0
```
#4b83a0 rgb(75,131,160)
```
#4286a9
```
#4286a9 rgb(66,134,169)
```
#3989b2
```
#3989b2 rgb(57,137,178)
```
#308cbb
```
#308cbb rgb(48,140,187)
```
#278fc4
```
#278fc4 rgb(39,143,196)
```
#1e92cd
```
#1e92cd rgb(30,146,205)
```
#1595d6
```
#1595d6 rgb(21,149,214)
```
#0c98df
```
#0c98df rgb(12,152,223)
```
#039be8
```
#039be8 rgb(3,155,232)
```

Tone Color Variation

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

#7b88b7 Protanopia 1% of men
#7189c2 Deuteranopia 1% of men
#1297a2 Tritanopia 0.001% of the population

Trichromacy

#5f89b9 Protanomaly 1% of men, 0.01% of women
#598abf Deuteranomaly 6% of men, 0.4% of women
#1d93ab Tritanomaly 0.01% of the population

#308cbb hex color

#308cbb Color Information

#308cbb Color Conversion

Color Schemes with #308cbb

Alternatives to #308cbb

#308cbb Preview

Shades and Tints of #308cbb

Tones of #308cbb

Color Blindness Simulator