#2c6bb3 Color Information
In a RGB color space, hex #2c6bb3 is composed of 17.3% red, 42% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 40.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 212 degrees, a saturation of 60.5% and a lightness of 43.7%. #2c6bb3 color hex could be obtained by blending #58d6ff with #000067. Closest websafe color is: #3366cc.
-
- R 17
- G 42
- B 70
-
- C 75
- M 40
- Y 0
- K 30
● #2c6bb3 color description : Strong blue.
#2c6bb3 Color Conversion
The hexadecimal color #2c6bb3 has RGB values of R:44, G:107, B:179 and CMYK values of C:0.75, M:0.4, Y:0, K:0.3. Its decimal value is 2911155.
Hex triplet | 2c6bb3 | #2c6bb3 |
---|---|---|
RGB Decimal | 44, 107, 179 | rgb(44,107,179) |
RGB Percent | 17.3, 42, 70.2 | rgb(17.3%,42%,70.2%) |
CMYK | 75, 40, 0, 30 | |
HSL | 212°, 60.5, 43.7 | hsl(212,60.5%,43.7%) |
HSV (or HSB) | 212°, 75.4, 70.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 44.666, 5.249, -43.986 |
---|---|
XYZ | 14.431, 14.304, 44.646 |
xyY | 0.197, 0.195, 14.304 |
CIE-LCH | 44.666, 44.298, 276.805 |
CIE-LUV | 44.666, -22.524, -65.974 |
Hunter-Lab | 37.821, 1.922, -43.514 |
Binary | 00101100, 01101011, 10110011 |
Color Schemes with #2c6bb3
Alternatives to #2c6bb3
Below, you can see some colors close to #2c6bb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2c6bb3 Preview
This text has a font color of #2c6bb3.
<span style="color:#2c6bb3;">Text here</span>
This paragraph has a background color of #2c6bb3.
<p style="background-color:#2c6bb3;">Content here</p>
This element has a border color of #2c6bb3.
<div style="border:1px solid #2c6bb3;">Content here</div>
.text {color:#2c6bb3;}
.background {background-color:#2c6bb3;}
.border {border:1px solid #2c6bb3;}
Shades and Tints of #2c6bb3
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, #010306 is the darkest color, while #f5f9fd is the lightest one.
-
#010306
#010306
rgb(1,3,6)
-
#050d16
#050d16
rgb(5,13,22)
-
#091625
#091625
rgb(9,22,37)
-
#0d2035
#0d2035
rgb(13,32,53)
-
#112945
#112945
rgb(17,41,69)
-
#153355
#153355
rgb(21,51,85)
-
#193c64
#193c64
rgb(25,60,100)
-
#1d4574
#1d4574
rgb(29,69,116)
-
#204f84
#204f84
rgb(32,79,132)
-
#245894
#245894
rgb(36,88,148)
-
#2862a3
#2862a3
rgb(40,98,163)
-
#2c6bb3
#2c6bb3
rgb(44,107,179)
-
#3074c3
#3074c3
rgb(48,116,195)
-
#387ece
#387ece
rgb(56,126,206)
-
#4888d2
#4888d2
rgb(72,136,210)
-
#5893d6
#5893d6
rgb(88,147,214)
-
#679dda
#679dda
rgb(103,157,218)
-
#77a7de
#77a7de
rgb(119,167,222)
-
#87b1e1
#87b1e1
rgb(135,177,225)
-
#97bbe5
#97bbe5
rgb(151,187,229)
-
#a6c6e9
#a6c6e9
rgb(166,198,233)
-
#b6d0ed
#b6d0ed
rgb(182,208,237)
-
#c6daf1
#c6daf1
rgb(198,218,241)
-
#d6e4f5
#d6e4f5
rgb(214,228,245)
-
#e5eef9
#e5eef9
rgb(229,238,249)
-
#f5f9fd
#f5f9fd
rgb(245,249,253)
Tones of #2c6bb3
A tone is produced by adding gray to any pure hue. In this case, #686f77 is the less saturated color, while #0168de is the most saturated one.
-
#686f77
#686f77
rgb(104,111,119)
-
#5f6e80
#5f6e80
rgb(95,110,128)
-
#576e88
#576e88
rgb(87,110,136)
-
#4e6d91
#4e6d91
rgb(78,109,145)
-
#466d99
#466d99
rgb(70,109,153)
-
#3d6ca2
#3d6ca2
rgb(61,108,162)
-
#356caa
#356caa
rgb(53,108,170)
-
#2c6bb3
#2c6bb3
rgb(44,107,179)
-
#236abc
#236abc
rgb(35,106,188)
-
#1b6ac4
#1b6ac4
rgb(27,106,196)
-
#1269cd
#1269cd
rgb(18,105,205)
-
#0a69d5
#0a69d5
rgb(10,105,213)
-
#0168de
#0168de
rgb(1,104,222)
Color Blindness Simulator
Below, you can see how #2c6bb3 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.