#2f6684 Color Information
In a RGB color space, hex #2f6684 is composed of 18.4% red, 40% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 22.7% magenta, 0% yellow and 48.2% black. It has a hue angle of 201.2 degrees, a saturation of 47.5% and a lightness of 35.1%. #2f6684 color hex could be obtained by blending #5eccff with #000009. Closest websafe color is: #336699.
-
- R 18
- G 40
- B 52
-
- C 64
- M 23
- Y 0
- K 48
● #2f6684 color description : Dark moderate blue.
#2f6684 Color Conversion
The hexadecimal color #2f6684 has RGB values of R:47, G:102, B:132 and CMYK values of C:0.64, M:0.23, Y:0, K:0.48. Its decimal value is 3106436.
Hex triplet | 2f6684 | #2f6684 |
---|---|---|
RGB Decimal | 47, 102, 132 | rgb(47,102,132) |
RGB Percent | 18.4, 40, 51.8 | rgb(18.4%,40%,51.8%) |
CMYK | 64, 23, 0, 48 | |
HSL | 201.2°, 47.5, 35.1 | hsl(201.2,47.5%,35.1%) |
HSV (or HSB) | 201.2°, 64.4, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.852, -8.322, -22.065 |
---|---|
XYZ | 10.087, 11.772, 23.569 |
xyY | 0.222, 0.259, 11.772 |
CIE-LCH | 40.852, 23.583, 249.335 |
CIE-LUV | 40.852, -21.81, -30.104 |
Hunter-Lab | 34.311, -7.564, -16.711 |
Binary | 00101111, 01100110, 10000100 |
Color Schemes with #2f6684
Alternatives to #2f6684
Below, you can see some colors close to #2f6684. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f6684 Preview
This text has a font color of #2f6684.
<span style="color:#2f6684;">Text here</span>
This paragraph has a background color of #2f6684.
<p style="background-color:#2f6684;">Content here</p>
This element has a border color of #2f6684.
<div style="border:1px solid #2f6684;">Content here</div>
.text {color:#2f6684;}
.background {background-color:#2f6684;}
.border {border:1px solid #2f6684;}
Shades and Tints of #2f6684
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, #010102 is the darkest color, while #f2f8fa is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#060d10
#060d10
rgb(6,13,16)
-
#0b181f
#0b181f
rgb(11,24,31)
-
#10232d
#10232d
rgb(16,35,45)
-
#152e3c
#152e3c
rgb(21,46,60)
-
#1a394a
#1a394a
rgb(26,57,74)
-
#204459
#204459
rgb(32,68,89)
-
#255067
#255067
rgb(37,80,103)
-
#2a5b76
#2a5b76
rgb(42,91,118)
-
#2f6684
#2f6684
rgb(47,102,132)
-
#347192
#347192
rgb(52,113,146)
-
#397ca1
#397ca1
rgb(57,124,161)
-
#3e88af
#3e88af
rgb(62,136,175)
-
#4592bd
#4592bd
rgb(69,146,189)
-
#539bc2
#539bc2
rgb(83,155,194)
-
#62a3c7
#62a3c7
rgb(98,163,199)
-
#70accc
#70accc
rgb(112,172,204)
-
#7fb4d1
#7fb4d1
rgb(127,180,209)
-
#8dbdd6
#8dbdd6
rgb(141,189,214)
-
#9cc5dc
#9cc5dc
rgb(156,197,220)
-
#aacde1
#aacde1
rgb(170,205,225)
-
#b8d6e6
#b8d6e6
rgb(184,214,230)
-
#c7deeb
#c7deeb
rgb(199,222,235)
-
#d5e7f0
#d5e7f0
rgb(213,231,240)
-
#e4eff5
#e4eff5
rgb(228,239,245)
-
#f2f8fa
#f2f8fa
rgb(242,248,250)
Tones of #2f6684
A tone is produced by adding gray to any pure hue. In this case, #585a5b is the less saturated color, while #0672ad is the most saturated one.
-
#585a5b
#585a5b
rgb(88,90,91)
-
#515c62
#515c62
rgb(81,92,98)
-
#4b5e68
#4b5e68
rgb(75,94,104)
-
#44606f
#44606f
rgb(68,96,111)
-
#3d6276
#3d6276
rgb(61,98,118)
-
#36647d
#36647d
rgb(54,100,125)
-
#2f6684
#2f6684
rgb(47,102,132)
-
#28688b
#28688b
rgb(40,104,139)
-
#216a92
#216a92
rgb(33,106,146)
-
#1a6c99
#1a6c99
rgb(26,108,153)
-
#136ea0
#136ea0
rgb(19,110,160)
-
#0d70a6
#0d70a6
rgb(13,112,166)
-
#0672ad
#0672ad
rgb(6,114,173)
Color Blindness Simulator
Below, you can see how #2f6684 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.