#3084cf hex color

In a RGB color space, hex #3084cf is composed of 18.8% red, 51.8% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 36.2% magenta, 0% yellow and 18.8% black. It has a hue angle of 208.3 degrees, a saturation of 62.4% and a lightness of 50%. #3084cf color hex could be obtained by blending #60ffff with #00099f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 52
- B 81
RGB color chart
- C 77
- M 36
- Y 0
- K 19
CMYK color chart

● #3084cf color description : Strong blue.

The hexadecimal color #3084cf has RGB values of R:48, G:132, B:207 and CMYK values of C:0.77, M:0.36, Y:0, K:0.19. Its decimal value is 3179727.

Hex triplet	3084cf	`#3084cf`
RGB Decimal	48, 132, 207	`rgb(48,132,207)`
RGB Percent	18.8, 51.8, 81.2	`rgb(18.8%,51.8%,81.2%)`
CMYK	77, 36, 0, 19
HSL	208.3°, 62.4, 50	`hsl(208.3,62.4%,50%)`
HSV (or HSB)	208.3°, 76.8, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.637, 0.812, -45.806
XYZ	20.73, 21.634, 62.111
xyY	0.198, 0.207, 21.634
CIE-LCH	53.637, 45.814, 271.016
CIE-LUV	53.637, -29.182, -71.159
Hunter-Lab	46.513, -1.842, -46.615
Binary	00110000, 10000100, 11001111

#3084cf
```
#3084cf rgb(48,132,207)
```
#cf7b30
```
#cf7b30 rgb(207,123,48)
```

Complementary Color

#30cfcb
```
#30cfcb rgb(48,207,203)
```
#3084cf
```
#3084cf rgb(48,132,207)
```
#3035cf
```
#3035cf rgb(48,53,207)
```

Analogous Color

#cfcb30
```
#cfcb30 rgb(207,203,48)
```
#3084cf
```
#3084cf rgb(48,132,207)
```
#cf3035
```
#cf3035 rgb(207,48,53)
```

Split Complementary Color

#84cf30
```
#84cf30 rgb(132,207,48)
```
#3084cf
```
#3084cf rgb(48,132,207)
```
#cf3084
```
#cf3084 rgb(207,48,132)
```

Triadic Color

#30cf7b
```
#30cf7b rgb(48,207,123)
```
#3084cf
```
#3084cf rgb(48,132,207)
```
#cf3084
```
#cf3084 rgb(207,48,132)
```
#cf7b30
```
#cf7b30 rgb(207,123,48)
```

Tetradic Color

#225c91
```
#225c91 rgb(34,92,145)
```
#266aa6
```
#266aa6 rgb(38,106,166)
```
#2b77ba
```
#2b77ba rgb(43,119,186)
```
#3084cf
```
#3084cf rgb(48,132,207)
```
#4590d4
```
#4590d4 rgb(69,144,212)
```
#599dd9
```
#599dd9 rgb(89,157,217)
```
#6ea9dd
```
#6ea9dd rgb(110,169,221)
```

Monochromatic Color

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

#30accf
```
#30accf rgb(48,172,207)
```
#309fcf
```
#309fcf rgb(48,159,207)
```
#3091cf
```
#3091cf rgb(48,145,207)
```
#3084cf
```
#3084cf rgb(48,132,207)
```
#3077cf
```
#3077cf rgb(48,119,207)
```
#306acf
```
#306acf rgb(48,106,207)
```
#305ccf
```
#305ccf rgb(48,92,207)
```

Similar Colors

Text with hexadecimal color #3084cf

This text has a font color of #3084cf.

<span style="color:#3084cf;">Text here</span>

#3084cf background color

This paragraph has a background color of #3084cf.

<p style="background-color:#3084cf;">Content here</p>

#3084cf border color

This element has a border color of #3084cf.

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

CSS codes

.text {color:#3084cf;}

.background {background-color:#3084cf;}

.border {border:1px solid #3084cf;}

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

#040a10
```
#040a10 rgb(4,10,16)
```
#071420
```
#071420 rgb(7,20,32)
```
#0b1e30
```
#0b1e30 rgb(11,30,48)
```
#0f2940
```
#0f2940 rgb(15,41,64)
```
#123350
```
#123350 rgb(18,51,80)
```
#163d60
```
#163d60 rgb(22,61,96)
```
#1a476f
```
#1a476f rgb(26,71,111)
```
#1e517f
```
#1e517f rgb(30,81,127)
```
#215b8f
```
#215b8f rgb(33,91,143)
```
#25669f
```
#25669f rgb(37,102,159)
```
#2970af
```
#2970af rgb(41,112,175)
```
#2c7abf
```
#2c7abf rgb(44,122,191)
```
#3084cf
```
#3084cf rgb(48,132,207)
```

Shade Color Variation

#408dd3
```
#408dd3 rgb(64,141,211)
```
#5097d6
```
#5097d6 rgb(80,151,214)
```
#60a0da
```
#60a0da rgb(96,160,218)
```
#70aade
```
#70aade rgb(112,170,222)
```
#80b3e1
```
#80b3e1 rgb(128,179,225)
```
#90bde5
```
#90bde5 rgb(144,189,229)
```
#9fc6e9
```
#9fc6e9 rgb(159,198,233)
```
#afd0ed
```
#afd0ed rgb(175,208,237)
```
#bfd9f0
```
#bfd9f0 rgb(191,217,240)
```
#cfe3f4
```
#cfe3f4 rgb(207,227,244)
```
#dfecf8
```
#dfecf8 rgb(223,236,248)
```
#eff6fb
```
#eff6fb rgb(239,246,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e8081
```
#7e8081 rgb(126,128,129)
```
#75808a
```
#75808a rgb(117,128,138)
```
#6b8194
```
#6b8194 rgb(107,129,148)
```
#61819e
```
#61819e rgb(97,129,158)
```
#5782a8
```
#5782a8 rgb(87,130,168)
```
#4d82b2
```
#4d82b2 rgb(77,130,178)
```
#4483bb
```
#4483bb rgb(68,131,187)
```
#3a83c5
```
#3a83c5 rgb(58,131,197)
```
#3084cf
```
#3084cf rgb(48,132,207)
```
#2685d9
```
#2685d9 rgb(38,133,217)
```
#1c85e3
```
#1c85e3 rgb(28,133,227)
```
#1386ec
```
#1386ec rgb(19,134,236)
```
#0986f6
```
#0986f6 rgb(9,134,246)
```

Tone Color Variation

Below, you can see how #3084cf 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

#737373 Achromatopsia 0.005% of the population
#667685 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6984cc Protanopia 1% of men
#5287d2 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#5484cd Protanomaly 1% of men, 0.01% of women
#4586d1 Deuteranomaly 6% of men, 0.4% of women
#118eaf Tritanomaly 0.01% of the population

#3084cf hex color

#3084cf Color Information

#3084cf Color Conversion

Color Schemes with #3084cf

Alternatives to #3084cf

#3084cf Preview

Shades and Tints of #3084cf

Tones of #3084cf

Color Blindness Simulator