#2c67f6 hex color

In a RGB color space, hex #2c67f6 is composed of 17.3% red, 40.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 58.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 222.5 degrees, a saturation of 91.8% and a lightness of 56.9%. #2c67f6 color hex could be obtained by blending #58ceff with #0000ed. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 40
- B 96
RGB color chart
- C 82
- M 58
- Y 0
- K 4
CMYK color chart

● #2c67f6 color description : Bright blue.

The hexadecimal color #2c67f6 has RGB values of R:44, G:103, B:246 and CMYK values of C:0.82, M:0.58, Y:0, K:0.04. Its decimal value is 2910198.

Hex triplet	2c67f6	`#2c67f6`
RGB Decimal	44, 103, 246	`rgb(44,103,246)`
RGB Percent	17.3, 40.4, 96.5	`rgb(17.3%,40.4%,96.5%)`
CMYK	82, 58, 0, 4
HSL	222.5°, 91.8, 56.9	`hsl(222.5,91.8%,56.9%)`
HSV (or HSB)	222.5°, 82.1, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.119, 33.021, -76.629
XYZ	22.52, 16.888, 89.257
xyY	0.175, 0.131, 16.888
CIE-LCH	48.119, 83.441, 293.312
CIE-LUV	48.119, -20.101, -118.064
Hunter-Lab	41.095, 25.901, -100.009
Binary	00101100, 01100111, 11110110

#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#f6bb2c
```
#f6bb2c rgb(246,187,44)
```

Complementary Color

#2cccf6
```
#2cccf6 rgb(44,204,246)
```
#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#562cf6
```
#562cf6 rgb(86,44,246)
```

Analogous Color

#ccf62c
```
#ccf62c rgb(204,246,44)
```
#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#f6562c
```
#f6562c rgb(246,86,44)
```

Split Complementary Color

#67f62c
```
#67f62c rgb(103,246,44)
```
#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#f62c67
```
#f62c67 rgb(246,44,103)
```

Triadic Color

#2cf6bb
```
#2cf6bb rgb(44,246,187)
```
#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#f62c67
```
#f62c67 rgb(246,44,103)
```
#f6bb2c
```
#f6bb2c rgb(246,187,44)
```

Tetradic Color

#0942cd
```
#0942cd rgb(9,66,205)
```
#0a4ae5
```
#0a4ae5 rgb(10,74,229)
```
#1455f5
```
#1455f5 rgb(20,85,245)
```
#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#4479f7
```
#4479f7 rgb(68,121,247)
```
#5d8af8
```
#5d8af8 rgb(93,138,248)
```
#759cf9
```
#759cf9 rgb(117,156,249)
```

Monochromatic Color

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

#2c9af6
```
#2c9af6 rgb(44,154,246)
```
#2c89f6
```
#2c89f6 rgb(44,137,246)
```
#2c78f6
```
#2c78f6 rgb(44,120,246)
```
#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#2c56f6
```
#2c56f6 rgb(44,86,246)
```
#2c45f6
```
#2c45f6 rgb(44,69,246)
```
#2c35f6
```
#2c35f6 rgb(44,53,246)
```

Similar Colors

Text with hexadecimal color #2c67f6

This text has a font color of #2c67f6.

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

#2c67f6 background color

This paragraph has a background color of #2c67f6.

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

#2c67f6 border color

This element has a border color of #2c67f6.

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

CSS codes

.text {color:#2c67f6;}

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

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

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

#01050f
```
#01050f rgb(1,5,15)
```
#010b22
```
#010b22 rgb(1,11,34)
```
#021134
```
#021134 rgb(2,17,52)
```
#031747
```
#031747 rgb(3,23,71)
```
#041d5a
```
#041d5a rgb(4,29,90)
```
#05236d
```
#05236d rgb(5,35,109)
```
#052980
```
#052980 rgb(5,41,128)
```
#062f92
```
#062f92 rgb(6,47,146)
```
#0735a5
```
#0735a5 rgb(7,53,165)
```
#083bb8
```
#083bb8 rgb(8,59,184)
```
#0941cb
```
#0941cb rgb(9,65,203)
```
#0947de
```
#0947de rgb(9,71,222)
```
#0a4ef1
```
#0a4ef1 rgb(10,78,241)
```

Shade Color Variation

#1959f5
```
#1959f5 rgb(25,89,245)
```
#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#3f75f7
```
#3f75f7 rgb(63,117,247)
```
#5282f8
```
#5282f8 rgb(82,130,248)
```
#6490f8
```
#6490f8 rgb(100,144,248)
```
#779df9
```
#779df9 rgb(119,157,249)
```
#8aabfa
```
#8aabfa rgb(138,171,250)
```
#9db8fb
```
#9db8fb rgb(157,184,251)
```
#b0c6fc
```
#b0c6fc rgb(176,198,252)
```
#c3d3fc
```
#c3d3fc rgb(195,211,252)
```
#d5e1fd
```
#d5e1fd rgb(213,225,253)
```
#e8effe
```
#e8effe rgb(232,239,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898e99 is the less saturated color, while #2463fe is the most saturated one.

#898e99
```
#898e99 rgb(137,142,153)
```
#818aa1
```
#818aa1 rgb(129,138,161)
```
#7887aa
```
#7887aa rgb(120,135,170)
```
#7083b2
```
#7083b2 rgb(112,131,178)
```
#6780bb
```
#6780bb rgb(103,128,187)
```
#5f7cc3
```
#5f7cc3 rgb(95,124,195)
```
#5679cc
```
#5679cc rgb(86,121,204)
```
#4e75d4
```
#4e75d4 rgb(78,117,212)
```
#4572dd
```
#4572dd rgb(69,114,221)
```
#3d6ee5
```
#3d6ee5 rgb(61,110,229)
```
#346bee
```
#346bee rgb(52,107,238)
```
#2c67f6
```
#2c67f6 rgb(44,103,246)
```
#2463fe
```
#2463fe rgb(36,99,254)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a6683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#1070ec Protanomaly 1% of men, 0.01% of women
#1074d9 Deuteranomaly 6% of men, 0.4% of women
#107ab3 Tritanomaly 0.01% of the population

#2c67f6 hex color

#2c67f6 Color Information

#2c67f6 Color Conversion

Color Schemes with #2c67f6

Alternatives to #2c67f6

#2c67f6 Preview

Shades and Tints of #2c67f6

Tones of #2c67f6

Color Blindness Simulator