#308cb2 hex color

In a RGB color space, hex #308cb2 is composed of 18.8% red, 54.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 21.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 197.5 degrees, a saturation of 57.5% and a lightness of 44.3%. #308cb2 color hex could be obtained by blending #60ffff with #001965. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 55
- B 70
RGB color chart
- C 73
- M 21
- Y 0
- K 30
CMYK color chart

● #308cb2 color description : Dark blue.

The hexadecimal color #308cb2 has RGB values of R:48, G:140, B:178 and CMYK values of C:0.73, M:0.21, Y:0, K:0.3. Its decimal value is 3181746.

Hex triplet	308cb2	`#308cb2`
RGB Decimal	48, 140, 178	`rgb(48,140,178)`
RGB Percent	18.8, 54.9, 69.8	`rgb(18.8%,54.9%,69.8%)`
CMYK	73, 21, 0, 30
HSL	197.5°, 57.5, 44.3	`hsl(197.5,57.5%,44.3%)`
HSV (or HSB)	197.5°, 73, 69.8
Web Safe	339999	`#339999`

CIE-LAB	54.655, -14.1, -27.702
XYZ	18.631, 22.597, 45.497
xyY	0.215, 0.261, 22.597
CIE-LCH	54.655, 31.084, 243.024
CIE-LUV	54.655, -33.4, -40.295
Hunter-Lab	47.537, -13.23, -23.47
Binary	00110000, 10001100, 10110010

#308cb2
```
#308cb2 rgb(48,140,178)
```
#b25630
```
#b25630 rgb(178,86,48)
```

Complementary Color

#30b297
```
#30b297 rgb(48,178,151)
```
#308cb2
```
#308cb2 rgb(48,140,178)
```
#304bb2
```
#304bb2 rgb(48,75,178)
```

Analogous Color

#b29730
```
#b29730 rgb(178,151,48)
```
#308cb2
```
#308cb2 rgb(48,140,178)
```
#b2304b
```
#b2304b rgb(178,48,75)
```

Split Complementary Color

#8cb230
```
#8cb230 rgb(140,178,48)
```
#308cb2
```
#308cb2 rgb(48,140,178)
```
#b2308c
```
#b2308c rgb(178,48,140)
```

Triadic Color

#30b256
```
#30b256 rgb(48,178,86)
```
#308cb2
```
#308cb2 rgb(48,140,178)
```
#b2308c
```
#b2308c rgb(178,48,140)
```
#b25630
```
#b25630 rgb(178,86,48)
```

Tetradic Color

#205d76
```
#205d76 rgb(32,93,118)
```
#256c8a
```
#256c8a rgb(37,108,138)
```
#2b7c9e
```
#2b7c9e rgb(43,124,158)
```
#308cb2
```
#308cb2 rgb(48,140,178)
```
#359cc6
```
#359cc6 rgb(53,156,198)
```
#47a6ce
```
#47a6ce rgb(71,166,206)
```
#5cb0d3
```
#5cb0d3 rgb(92,176,211)
```

Monochromatic Color

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

#30adb2
```
#30adb2 rgb(48,173,178)
```
#30a2b2
```
#30a2b2 rgb(48,162,178)
```
#3097b2
```
#3097b2 rgb(48,151,178)
```
#308cb2
```
#308cb2 rgb(48,140,178)
```
#3081b2
```
#3081b2 rgb(48,129,178)
```
#3076b2
```
#3076b2 rgb(48,118,178)
```
#306cb2
```
#306cb2 rgb(48,108,178)
```

Similar Colors

Text with hexadecimal color #308cb2

This text has a font color of #308cb2.

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

#308cb2 background color

This paragraph has a background color of #308cb2.

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

#308cb2 border color

This element has a border color of #308cb2.

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

CSS codes

.text {color:#308cb2;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#061218
```
#061218 rgb(6,18,24)
```
#0b1f27
```
#0b1f27 rgb(11,31,39)
```
#0f2b36
```
#0f2b36 rgb(15,43,54)
```
#133746
```
#133746 rgb(19,55,70)
```
#174355
```
#174355 rgb(23,67,85)
```
#1b4f65
```
#1b4f65 rgb(27,79,101)
```
#1f5b74
```
#1f5b74 rgb(31,91,116)
```
#246884
```
#246884 rgb(36,104,132)
```
#287493
```
#287493 rgb(40,116,147)
```
#2c80a3
```
#2c80a3 rgb(44,128,163)
```
#308cb2
```
#308cb2 rgb(48,140,178)
```
#3498c1
```
#3498c1 rgb(52,152,193)
```

Shade Color Variation

#3ea2cb
```
#3ea2cb rgb(62,162,203)
```
#4ea9cf
```
#4ea9cf rgb(78,169,207)
```
#5db1d3
```
#5db1d3 rgb(93,177,211)
```
#6db8d8
```
#6db8d8 rgb(109,184,216)
```
#7cc0dc
```
#7cc0dc rgb(124,192,220)
```
#8bc7e0
```
#8bc7e0 rgb(139,199,224)
```
#9bcfe4
```
#9bcfe4 rgb(155,207,228)
```
#aad6e8
```
#aad6e8 rgb(170,214,232)
```
#badeec
```
#badeec rgb(186,222,236)
```
#c9e5f1
```
#c9e5f1 rgb(201,229,241)
```
#d9edf5
```
#d9edf5 rgb(217,237,245)
```
#e8f4f9
```
#e8f4f9 rgb(232,244,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#6d7375
```
#6d7375 rgb(109,115,117)
```
#64767e
```
#64767e rgb(100,118,126)
```
#5b7a87
```
#5b7a87 rgb(91,122,135)
```
#537e8f
```
#537e8f rgb(83,126,143)
```
#4a8198
```
#4a8198 rgb(74,129,152)
```
#4185a1
```
#4185a1 rgb(65,133,161)
```
#3988a9
```
#3988a9 rgb(57,136,169)
```
#308cb2
```
#308cb2 rgb(48,140,178)
```
#2790bb
```
#2790bb rgb(39,144,187)
```
#1f93c3
```
#1f93c3 rgb(31,147,195)
```
#1697cc
```
#1697cc rgb(22,151,204)
```
#0d9ad5
```
#0d9ad5 rgb(13,154,213)
```
#059edd
```
#059edd rgb(5,158,221)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#677a81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d87af Protanopia 1% of men
#7787ba Deuteranopia 1% of men
#2495a0 Tritanopia 0.001% of the population

Trichromacy

#6189b0 Protanomaly 1% of men, 0.01% of women
#5d89b7 Deuteranomaly 6% of men, 0.4% of women
#2892a7 Tritanomaly 0.01% of the population

#308cb2 hex color

#308cb2 Color Information

#308cb2 Color Conversion

Color Schemes with #308cb2

Alternatives to #308cb2

#308cb2 Preview

Shades and Tints of #308cb2

Tones of #308cb2

Color Blindness Simulator