#2c02f9 hex color

In a RGB color space, hex #2c02f9 is composed of 17.3% red, 0.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 99.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 250.2 degrees, a saturation of 98.4% and a lightness of 49.2%. #2c02f9 color hex could be obtained by blending #5804ff with #0000f3. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 17
- G 1
- B 98
RGB color chart
- C 82
- M 99
- Y 0
- K 2
CMYK color chart

● #2c02f9 color description : Vivid blue.

The hexadecimal color #2c02f9 has RGB values of R:44, G:2, B:249 and CMYK values of C:0.82, M:0.99, Y:0, K:0.02. Its decimal value is 2884345.

Hex triplet	2c02f9	`#2c02f9`
RGB Decimal	44, 2, 249	`rgb(44,2,249)`
RGB Percent	17.3, 0.8, 97.6	`rgb(17.3%,0.8%,97.6%)`
CMYK	82, 99, 0, 2
HSL	250.2°, 98.4, 49.2	`hsl(250.2,98.4%,49.2%)`
HSV (or HSB)	250.2°, 99.2, 97.6
Web Safe	3300ff	`#3300ff`

CIE-LAB	32.738, 77.879, -103.729
XYZ	18.156, 7.417, 90.092
xyY	0.157, 0.064, 7.417
CIE-LCH	32.738, 129.711, 306.899
CIE-LUV	32.738, -6.869, -128.242
Hunter-Lab	27.235, 71.337, -177.067
Binary	00101100, 00000010, 11111001

#2c02f9
```
#2c02f9 rgb(44,2,249)
```
#cff902
```
#cff902 rgb(207,249,2)
```

Complementary Color

#0253f9
```
#0253f9 rgb(2,83,249)
```
#2c02f9
```
#2c02f9 rgb(44,2,249)
```
#a802f9
```
#a802f9 rgb(168,2,249)
```

Analogous Color

#53f902
```
#53f902 rgb(83,249,2)
```
#2c02f9
```
#2c02f9 rgb(44,2,249)
```
#f9a802
```
#f9a802 rgb(249,168,2)
```

Split Complementary Color

#02f92c
```
#02f92c rgb(2,249,44)
```
#2c02f9
```
#2c02f9 rgb(44,2,249)
```
#f92c02
```
#f92c02 rgb(249,44,2)
```

Triadic Color

#02cff9
```
#02cff9 rgb(2,207,249)
```
#2c02f9
```
#2c02f9 rgb(44,2,249)
```
#f92c02
```
#f92c02 rgb(249,44,2)
```
#cff902
```
#cff902 rgb(207,249,2)
```

Tetradic Color

#1f01ad
```
#1f01ad rgb(31,1,173)
```
#2302c6
```
#2302c6 rgb(35,2,198)
```
#2802e0
```
#2802e0 rgb(40,2,224)
```
#2c02f9
```
#2c02f9 rgb(44,2,249)
```
#3e17fd
```
#3e17fd rgb(62,23,253)
```
#5331fd
```
#5331fd rgb(83,49,253)
```
#684afe
```
#684afe rgb(104,74,254)
```

Monochromatic Color

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

#0216f9
```
#0216f9 rgb(2,22,249)
```
#0302f9
```
#0302f9 rgb(3,2,249)
```
#1702f9
```
#1702f9 rgb(23,2,249)
```
#2c02f9
```
#2c02f9 rgb(44,2,249)
```
#4102f9
```
#4102f9 rgb(65,2,249)
```
#5502f9
```
#5502f9 rgb(85,2,249)
```
#6a02f9
```
#6a02f9 rgb(106,2,249)
```

Similar Colors

Text with hexadecimal color #2c02f9

This text has a font color of #2c02f9.

<span style="color:#2c02f9;">Text here</span>

#2c02f9 background color

This paragraph has a background color of #2c02f9.

<p style="background-color:#2c02f9;">Content here</p>

#2c02f9 border color

This element has a border color of #2c02f9.

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

CSS codes

.text {color:#2c02f9;}

.background {background-color:#2c02f9;}

.border {border:1px solid #2c02f9;}

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, #03000f is the darkest color, while #fcfbff is the lightest one.

#03000f
```
#03000f rgb(3,0,15)
```
#060023
```
#060023 rgb(6,0,35)
```
#0a0036
```
#0a0036 rgb(10,0,54)
```
#0d014a
```
#0d014a rgb(13,1,74)
```
#10015d
```
#10015d rgb(16,1,93)
```
#140171
```
#140171 rgb(20,1,113)
```
#170184
```
#170184 rgb(23,1,132)
```
#1b0198
```
#1b0198 rgb(27,1,152)
```
#1e01ab
```
#1e01ab rgb(30,1,171)
```
#2202bf
```
#2202bf rgb(34,2,191)
```
#2502d2
```
#2502d2 rgb(37,2,210)
```
#2902e6
```
#2902e6 rgb(41,2,230)
```
#2c02f9
```
#2c02f9 rgb(44,2,249)
```

Shade Color Variation

#3a12fd
```
#3a12fd rgb(58,18,253)
```
#4a25fd
```
#4a25fd rgb(74,37,253)
```
#5a38fd
```
#5a38fd rgb(90,56,253)
```
#6a4cfe
```
#6a4cfe rgb(106,76,254)
```
#7a5ffe
```
#7a5ffe rgb(122,95,254)
```
#8a73fe
```
#8a73fe rgb(138,115,254)
```
#9b86fe
```
#9b86fe rgb(155,134,254)
```
#ab9afe
```
#ab9afe rgb(171,154,254)
```
#bbadfe
```
#bbadfe rgb(187,173,254)
```
#cbc1fe
```
#cbc1fe rgb(203,193,254)
```
#dbd4ff
```
#dbd4ff rgb(219,212,255)
```
#ece8ff
```
#ece8ff rgb(236,232,255)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787685 is the less saturated color, while #2c02f9 is the most saturated one.

#787685
```
#787685 rgb(120,118,133)
```
#726c8f
```
#726c8f rgb(114,108,143)
```
#6c6398
```
#6c6398 rgb(108,99,152)
```
#6559a2
```
#6559a2 rgb(101,89,162)
```
#5f4fac
```
#5f4fac rgb(95,79,172)
```
#5946b5
```
#5946b5 rgb(89,70,181)
```
#523cbf
```
#523cbf rgb(82,60,191)
```
#4c32c9
```
#4c32c9 rgb(76,50,201)
```
#4529d2
```
#4529d2 rgb(69,41,210)
```
#3f1fdc
```
#3f1fdc rgb(63,31,220)
```
#3915e6
```
#3915e6 rgb(57,21,230)
```
#320cef
```
#320cef rgb(50,12,239)
```
#2c02f9
```
#2c02f9 rgb(44,2,249)
```

Tone Color Variation

Below, you can see how #2c02f9 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

#2b2b2b Achromatopsia 0.005% of the population
#2b2354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00588c Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#1036c1 Protanomaly 1% of men, 0.01% of women
#1039b3 Deuteranomaly 6% of men, 0.4% of women
#103d99 Tritanomaly 0.01% of the population

#2c02f9 hex color

#2c02f9 Color Information

#2c02f9 Color Conversion

Color Schemes with #2c02f9

Alternatives to #2c02f9

#2c02f9 Preview

Shades and Tints of #2c02f9

Tones of #2c02f9

Color Blindness Simulator