#308dca hex color

In a RGB color space, hex #308dca is composed of 18.8% red, 55.3% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 30.2% magenta, 0% yellow and 20.8% black. It has a hue angle of 203.8 degrees, a saturation of 61.6% and a lightness of 49%. #308dca color hex could be obtained by blending #60ffff with #001b95. Closest websafe color is: #3399cc.

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

● #308dca color description : Strong blue.

The hexadecimal color #308dca has RGB values of R:48, G:141, B:202 and CMYK values of C:0.76, M:0.3, Y:0, K:0.21. Its decimal value is 3182026.

Hex triplet	308dca	`#308dca`
RGB Decimal	48, 141, 202	`rgb(48,141,202)`
RGB Percent	18.8, 55.3, 79.2	`rgb(18.8%,55.3%,79.2%)`
CMYK	76, 30, 0, 21
HSL	203.8°, 61.6, 49	`hsl(203.8,61.6%,49%)`
HSV (or HSB)	203.8°, 76.2, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.028, -6.279, -39.203
XYZ	21.402, 23.941, 59.367
xyY	0.204, 0.229, 23.941
CIE-LCH	56.028, 39.703, 260.9
CIE-LUV	56.028, -32.478, -60.178
Hunter-Lab	48.929, -7.549, -37.688
Binary	00110000, 10001101, 11001010

#308dca
```
#308dca rgb(48,141,202)
```
#ca6d30
```
#ca6d30 rgb(202,109,48)
```

Complementary Color

#30caba
```
#30caba rgb(48,202,186)
```
#308dca
```
#308dca rgb(48,141,202)
```
#3040ca
```
#3040ca rgb(48,64,202)
```

Analogous Color

#caba30
```
#caba30 rgb(202,186,48)
```
#308dca
```
#308dca rgb(48,141,202)
```
#ca3040
```
#ca3040 rgb(202,48,64)
```

Split Complementary Color

#8dca30
```
#8dca30 rgb(141,202,48)
```
#308dca
```
#308dca rgb(48,141,202)
```
#ca308d
```
#ca308d rgb(202,48,141)
```

Triadic Color

#30ca6d
```
#30ca6d rgb(48,202,109)
```
#308dca
```
#308dca rgb(48,141,202)
```
#ca308d
```
#ca308d rgb(202,48,141)
```
#ca6d30
```
#ca6d30 rgb(202,109,48)
```

Tetradic Color

#21628c
```
#21628c rgb(33,98,140)
```
#2670a1
```
#2670a1 rgb(38,112,161)
```
#2b7fb5
```
#2b7fb5 rgb(43,127,181)
```
#308dca
```
#308dca rgb(48,141,202)
```
#4299d2
```
#4299d2 rgb(66,153,210)
```
#56a4d7
```
#56a4d7 rgb(86,164,215)
```
#6bafdc
```
#6bafdc rgb(107,175,220)
```

Monochromatic Color

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

#30b4ca
```
#30b4ca rgb(48,180,202)
```
#30a7ca
```
#30a7ca rgb(48,167,202)
```
#309aca
```
#309aca rgb(48,154,202)
```
#308dca
```
#308dca rgb(48,141,202)
```
#3080ca
```
#3080ca rgb(48,128,202)
```
#3073ca
```
#3073ca rgb(48,115,202)
```
#3067ca
```
#3067ca rgb(48,103,202)
```

Similar Colors

Text with hexadecimal color #308dca

This text has a font color of #308dca.

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

#308dca background color

This paragraph has a background color of #308dca.

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

#308dca border color

This element has a border color of #308dca.

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

CSS codes

.text {color:#308dca;}

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

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

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#07131c
```
#07131c rgb(7,19,28)
```
#0a1e2c
```
#0a1e2c rgb(10,30,44)
```
#0e293b
```
#0e293b rgb(14,41,59)
```
#12344b
```
#12344b rgb(18,52,75)
```
#16405b
```
#16405b rgb(22,64,91)
```
#194b6b
```
#194b6b rgb(25,75,107)
```
#1d567b
```
#1d567b rgb(29,86,123)
```
#21618b
```
#21618b rgb(33,97,139)
```
#256c9a
```
#256c9a rgb(37,108,154)
```
#2877aa
```
#2877aa rgb(40,119,170)
```
#2c82ba
```
#2c82ba rgb(44,130,186)
```
#308dca
```
#308dca rgb(48,141,202)
```

Shade Color Variation

#3d96d1
```
#3d96d1 rgb(61,150,209)
```
#4d9fd5
```
#4d9fd5 rgb(77,159,213)
```
#5ca7d8
```
#5ca7d8 rgb(92,167,216)
```
#6cb0dc
```
#6cb0dc rgb(108,176,220)
```
#7cb8e0
```
#7cb8e0 rgb(124,184,224)
```
#8cc1e4
```
#8cc1e4 rgb(140,193,228)
```
#9ccae7
```
#9ccae7 rgb(156,202,231)
```
#acd2eb
```
#acd2eb rgb(172,210,235)
```
#bcdbef
```
#bcdbef rgb(188,219,239)
```
#cbe3f3
```
#cbe3f3 rgb(203,227,243)
```
#dbecf7
```
#dbecf7 rgb(219,236,247)
```
#ebf4fa
```
#ebf4fa rgb(235,244,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#7d7d7d
```
#7d7d7d rgb(125,125,125)
```
#737f87
```
#737f87 rgb(115,127,135)
```
#6a8190
```
#6a8190 rgb(106,129,144)
```
#60839a
```
#60839a rgb(96,131,154)
```
#5685a4
```
#5685a4 rgb(86,133,164)
```
#4d87ad
```
#4d87ad rgb(77,135,173)
```
#4389b7
```
#4389b7 rgb(67,137,183)
```
#3a8bc0
```
#3a8bc0 rgb(58,139,192)
```
#308dca
```
#308dca rgb(48,141,202)
```
#268fd4
```
#268fd4 rgb(38,143,212)
```
#1d91dd
```
#1d91dd rgb(29,145,221)
```
#1393e7
```
#1393e7 rgb(19,147,231)
```
#0a95f0
```
#0a95f0 rgb(10,149,240)
```

Tone Color Variation

Below, you can see how #308dca 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
#6a7c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#778ac6 Protanopia 1% of men
#688ccf Deuteranopia 1% of men
#009aa5 Tritanopia 0.001% of the population

Trichromacy

#5d8bc7 Protanomaly 1% of men, 0.01% of women
#538ccd Deuteranomaly 6% of men, 0.4% of women
#1195b2 Tritanomaly 0.01% of the population

#308dca hex color

#308dca Color Information

#308dca Color Conversion

Color Schemes with #308dca

Alternatives to #308dca

#308dca Preview

Shades and Tints of #308dca

Tones of #308dca

Color Blindness Simulator