#2f6580 Color Information
In a RGB color space, hex #2f6580 is composed of 18.4% red, 39.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 21.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 200 degrees, a saturation of 46.3% and a lightness of 34.3%. #2f6580 color hex could be obtained by blending #5ecaff with #000001. Closest websafe color is: #336699.
-
- R 18
- G 40
- B 50
-
- C 63
- M 21
- Y 0
- K 50
● #2f6580 color description : Dark moderate blue.
#2f6580 Color Conversion
The hexadecimal color #2f6580 has RGB values of R:47, G:101, B:128 and CMYK values of C:0.63, M:0.21, Y:0, K:0.5. Its decimal value is 3106176.
Hex triplet | 2f6580 | #2f6580 |
---|---|---|
RGB Decimal | 47, 101, 128 | rgb(47,101,128) |
RGB Percent | 18.4, 39.6, 50.2 | rgb(18.4%,39.6%,50.2%) |
CMYK | 63, 21, 0, 50 | |
HSL | 200°, 46.3, 34.3 | hsl(200,46.3%,34.3%) |
HSV (or HSB) | 200°, 63.3, 50.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.36, -9.103, -20.404 |
---|---|
XYZ | 9.721, 11.47, 22.122 |
xyY | 0.224, 0.265, 11.47 |
CIE-LCH | 40.36, 22.342, 245.956 |
CIE-LUV | 40.36, -21.579, -27.454 |
Hunter-Lab | 33.867, -8.029, -15.023 |
Binary | 00101111, 01100101, 10000000 |
Color Schemes with #2f6580
Alternatives to #2f6580
Below, you can see some colors close to #2f6580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f6580 Preview
This text has a font color of #2f6580.
<span style="color:#2f6580;">Text here</span>
This paragraph has a background color of #2f6580.
<p style="background-color:#2f6580;">Content here</p>
This element has a border color of #2f6580.
<div style="border:1px solid #2f6580;">Content here</div>
.text {color:#2f6580;}
.background {background-color:#2f6580;}
.border {border:1px solid #2f6580;}
Shades and Tints of #2f6580
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, #050a0d is the darkest color, while #fefeff is the lightest one.
-
#050a0d
#050a0d
rgb(5,10,13)
-
#0a161c
#0a161c
rgb(10,22,28)
-
#0f212a
#0f212a
rgb(15,33,42)
-
#152c38
#152c38
rgb(21,44,56)
-
#1a3847
#1a3847
rgb(26,56,71)
-
#1f4355
#1f4355
rgb(31,67,85)
-
#244e63
#244e63
rgb(36,78,99)
-
#2a5a72
#2a5a72
rgb(42,90,114)
-
#2f6580
#2f6580
rgb(47,101,128)
-
#34708e
#34708e
rgb(52,112,142)
-
#3a7c9d
#3a7c9d
rgb(58,124,157)
-
#3f87ab
#3f87ab
rgb(63,135,171)
-
#4492b9
#4492b9
rgb(68,146,185)
-
#529bbf
#529bbf
rgb(82,155,191)
-
#60a3c5
#60a3c5
rgb(96,163,197)
-
#6eabca
#6eabca
rgb(110,171,202)
-
#7db4cf
#7db4cf
rgb(125,180,207)
-
#8bbcd4
#8bbcd4
rgb(139,188,212)
-
#99c4da
#99c4da
rgb(153,196,218)
-
#a8cddf
#a8cddf
rgb(168,205,223)
-
#b6d5e4
#b6d5e4
rgb(182,213,228)
-
#c4ddea
#c4ddea
rgb(196,221,234)
-
#d3e5ef
#d3e5ef
rgb(211,229,239)
-
#e1eef4
#e1eef4
rgb(225,238,244)
-
#f0f6f9
#f0f6f9
rgb(240,246,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #2f6580
A tone is produced by adding gray to any pure hue. In this case, #575858 is the less saturated color, while #0772a8 is the most saturated one.
-
#575858
#575858
rgb(87,88,88)
-
#515a5e
#515a5e
rgb(81,90,94)
-
#4a5c65
#4a5c65
rgb(74,92,101)
-
#435e6c
#435e6c
rgb(67,94,108)
-
#3c6173
#3c6173
rgb(60,97,115)
-
#366379
#366379
rgb(54,99,121)
-
#2f6580
#2f6580
rgb(47,101,128)
-
#286787
#286787
rgb(40,103,135)
-
#22698d
#22698d
rgb(34,105,141)
-
#1b6c94
#1b6c94
rgb(27,108,148)
-
#146e9b
#146e9b
rgb(20,110,155)
-
#0d70a2
#0d70a2
rgb(13,112,162)
-
#0772a8
#0772a8
rgb(7,114,168)
Color Blindness Simulator
Below, you can see how #2f6580 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.