#2185f9 hex color

In a RGB color space, hex #2185f9 is composed of 12.9% red, 52.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 46.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 212.2 degrees, a saturation of 94.7% and a lightness of 55.3%. #2185f9 color hex could be obtained by blending #42ffff with #000bf3. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 13
- G 52
- B 98
RGB color chart
- C 87
- M 47
- Y 0
- K 2
CMYK color chart

● #2185f9 color description : Vivid blue.

The hexadecimal color #2185f9 has RGB values of R:33, G:133, B:249 and CMYK values of C:0.87, M:0.47, Y:0, K:0.02. Its decimal value is 2196985.

Hex triplet	2185f9	`#2185f9`
RGB Decimal	33, 133, 249	`rgb(33,133,249)`
RGB Percent	12.9, 52.2, 97.6	`rgb(12.9%,52.2%,97.6%)`
CMYK	87, 47, 0, 2
HSL	212.2°, 94.7, 55.3	`hsl(212.2,94.7%,55.3%)`
HSV (or HSB)	212.2°, 86.7, 97.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	56.023, 14.586, -65.487
XYZ	26.11, 23.936, 92.861
xyY	0.183, 0.167, 23.936
CIE-LCH	56.023, 67.092, 282.556
CIE-LUV	56.023, -29.487, -104.711
Hunter-Lab	48.924, 9.644, -78.29
Binary	00100001, 10000101, 11111001

#2185f9
```
#2185f9 rgb(33,133,249)
```
#f99521
```
#f99521 rgb(249,149,33)
```

Complementary Color

#21f1f9
```
#21f1f9 rgb(33,241,249)
```
#2185f9
```
#2185f9 rgb(33,133,249)
```
#2921f9
```
#2921f9 rgb(41,33,249)
```

Analogous Color

#f1f921
```
#f1f921 rgb(241,249,33)
```
#2185f9
```
#2185f9 rgb(33,133,249)
```
#f92921
```
#f92921 rgb(249,41,33)
```

Split Complementary Color

#85f921
```
#85f921 rgb(133,249,33)
```
#2185f9
```
#2185f9 rgb(33,133,249)
```
#f92185
```
#f92185 rgb(249,33,133)
```

Triadic Color

#21f995
```
#21f995 rgb(33,249,149)
```
#2185f9
```
#2185f9 rgb(33,133,249)
```
#f92185
```
#f92185 rgb(249,33,133)
```
#f99521
```
#f99521 rgb(249,149,33)
```

Tetradic Color

#0560c8
```
#0560c8 rgb(5,96,200)
```
#066be1
```
#066be1 rgb(6,107,225)
```
#0877f8
```
#0877f8 rgb(8,119,248)
```
#2185f9
```
#2185f9 rgb(33,133,249)
```
#3a93fa
```
#3a93fa rgb(58,147,250)
```
#53a0fa
```
#53a0fa rgb(83,160,250)
```
#6baefb
```
#6baefb rgb(107,174,251)
```

Monochromatic Color

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

#21bbf9
```
#21bbf9 rgb(33,187,249)
```
#21a9f9
```
#21a9f9 rgb(33,169,249)
```
#2197f9
```
#2197f9 rgb(33,151,249)
```
#2185f9
```
#2185f9 rgb(33,133,249)
```
#2173f9
```
#2173f9 rgb(33,115,249)
```
#2161f9
```
#2161f9 rgb(33,97,249)
```
#214ff9
```
#214ff9 rgb(33,79,249)
```

Similar Colors

Text with hexadecimal color #2185f9

This text has a font color of #2185f9.

<span style="color:#2185f9;">Text here</span>

#2185f9 background color

This paragraph has a background color of #2185f9.

<p style="background-color:#2185f9;">Content here</p>

#2185f9 border color

This element has a border color of #2185f9.

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

CSS codes

.text {color:#2185f9;}

.background {background-color:#2185f9;}

.border {border:1px solid #2185f9;}

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

#000307
```
#000307 rgb(0,3,7)
```
#010d1a
```
#010d1a rgb(1,13,26)
```
#01162d
```
#01162d rgb(1,22,45)
```
#021f40
```
#021f40 rgb(2,31,64)
```
#022854
```
#022854 rgb(2,40,84)
```
#033167
```
#033167 rgb(3,49,103)
```
#033a7a
```
#033a7a rgb(3,58,122)
```
#04438d
```
#04438d rgb(4,67,141)
```
#044ca0
```
#044ca0 rgb(4,76,160)
```
#0556b3
```
#0556b3 rgb(5,86,179)
```
#055fc6
```
#055fc6 rgb(5,95,198)
```
#0668d9
```
#0668d9 rgb(6,104,217)
```
#0671ec
```
#0671ec rgb(6,113,236)
```

Shade Color Variation

#0e7bf8
```
#0e7bf8 rgb(14,123,248)
```
#2185f9
```
#2185f9 rgb(33,133,249)
```
#348ffa
```
#348ffa rgb(52,143,250)
```
#479afa
```
#479afa rgb(71,154,250)
```
#5aa4fb
```
#5aa4fb rgb(90,164,251)
```
#6daffb
```
#6daffb rgb(109,175,251)
```
#80b9fc
```
#80b9fc rgb(128,185,252)
```
#94c4fc
```
#94c4fc rgb(148,196,252)
```
#a7cefd
```
#a7cefd rgb(167,206,253)
```
#bad9fd
```
#bad9fd rgb(186,217,253)
```
#cde3fe
```
#cde3fe rgb(205,227,254)
```
#e0eefe
```
#e0eefe rgb(224,238,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8d90 is the less saturated color, while #2185f9 is the most saturated one.

#8a8d90
```
#8a8d90 rgb(138,141,144)
```
#818c99
```
#818c99 rgb(129,140,153)
```
#798ba1
```
#798ba1 rgb(121,139,161)
```
#708baa
```
#708baa rgb(112,139,170)
```
#678ab3
```
#678ab3 rgb(103,138,179)
```
#5e8abc
```
#5e8abc rgb(94,138,188)
```
#5689c4
```
#5689c4 rgb(86,137,196)
```
#4d88cd
```
#4d88cd rgb(77,136,205)
```
#4488d6
```
#4488d6 rgb(68,136,214)
```
#3b87df
```
#3b87df rgb(59,135,223)
```
#3386e7
```
#3386e7 rgb(51,134,231)
```
#2a86f0
```
#2a86f0 rgb(42,134,240)
```
#2185f9
```
#2185f9 rgb(33,133,249)
```

Tone Color Variation

Below, you can see how #2185f9 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

#747474 Achromatopsia 0.005% of the population
#63778f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b88f7 Protanopia 1% of men
#008fec Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3c87f7 Protanomaly 1% of men, 0.01% of women
#0c8bf1 Deuteranomaly 6% of men, 0.4% of women
#0c92c2 Tritanomaly 0.01% of the population

#2185f9 hex color

#2185f9 Color Information

#2185f9 Color Conversion

Color Schemes with #2185f9

Alternatives to #2185f9

#2185f9 Preview

Shades and Tints of #2185f9

Tones of #2185f9

Color Blindness Simulator