#2277f6 Color Information
In a RGB color space, hex #2277f6 is composed of 13.3% red, 46.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 51.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 215.9 degrees, a saturation of 92.2% and a lightness of 54.9%. #2277f6 color hex could be obtained by blending #44eeff with #0000ed. Closest websafe color is: #3366ff.
-
- R 13
- G 47
- B 96
-
- C 86
- M 52
- Y 0
- K 4
● #2277f6 color description : Vivid blue.
#2277f6 Color Conversion
The hexadecimal color #2277f6 has RGB values of R:34, G:119, B:246 and CMYK values of C:0.86, M:0.52, Y:0, K:0.04. Its decimal value is 2258934.
Hex triplet | 2277f6 | #2277f6 |
---|---|---|
RGB Decimal | 34, 119, 246 | rgb(34,119,246) |
RGB Percent | 13.3, 46.7, 96.5 | rgb(13.3%,46.7%,96.5%) |
CMYK | 86, 52, 0, 4 | |
HSL | 215.9°, 92.2, 54.9 | hsl(215.9,92.2%,54.9%) |
HSV (or HSB) | 215.9°, 86.2, 96.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 52.046, 22.231, -70.251 |
---|---|
XYZ | 23.887, 20.186, 89.821 |
xyY | 0.178, 0.151, 20.186 |
CIE-LCH | 52.046, 73.685, 287.56 |
CIE-LUV | 52.046, -25.412, -110.685 |
Hunter-Lab | 44.928, 16.28, -87.083 |
Binary | 00100010, 01110111, 11110110 |
Color Schemes with #2277f6
Alternatives to #2277f6
Below, you can see some colors close to #2277f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2277f6 Preview
This text has a font color of #2277f6.
<span style="color:#2277f6;">Text here</span>
This paragraph has a background color of #2277f6.
<p style="background-color:#2277f6;">Content here</p>
This element has a border color of #2277f6.
<div style="border:1px solid #2277f6;">Content here</div>
.text {color:#2277f6;}
.background {background-color:#2277f6;}
.border {border:1px solid #2277f6;}
Shades and Tints of #2277f6
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, #000205 is the darkest color, while #f1f7fe is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#010a18
#010a18
rgb(1,10,24)
-
#02122b
#02122b
rgb(2,18,43)
-
#031a3e
#031a3e
rgb(3,26,62)
-
#032251
#032251
rgb(3,34,81)
-
#042a63
#042a63
rgb(4,42,99)
-
#053276
#053276
rgb(5,50,118)
-
#063a89
#063a89
rgb(6,58,137)
-
#06429c
#06429c
rgb(6,66,156)
-
#074aaf
#074aaf
rgb(7,74,175)
-
#0852c2
#0852c2
rgb(8,82,194)
-
#095ad5
#095ad5
rgb(9,90,213)
-
#0962e7
#0962e7
rgb(9,98,231)
-
#0f6bf5
#0f6bf5
rgb(15,107,245)
-
#2277f6
#2277f6
rgb(34,119,246)
-
#3583f7
#3583f7
rgb(53,131,247)
-
#488ef8
#488ef8
rgb(72,142,248)
-
#5b9af8
#5b9af8
rgb(91,154,248)
-
#6da5f9
#6da5f9
rgb(109,165,249)
-
#80b1fa
#80b1fa
rgb(128,177,250)
-
#93bdfb
#93bdfb
rgb(147,189,251)
-
#a6c8fb
#a6c8fb
rgb(166,200,251)
-
#b9d4fc
#b9d4fc
rgb(185,212,252)
-
#ccdffd
#ccdffd
rgb(204,223,253)
-
#deebfe
#deebfe
rgb(222,235,254)
-
#f1f7fe
#f1f7fe
rgb(241,247,254)
Tones of #2277f6
A tone is produced by adding gray to any pure hue. In this case, #838a95 is the less saturated color, while #1975ff is the most saturated one.
-
#838a95
#838a95
rgb(131,138,149)
-
#7a899e
#7a899e
rgb(122,137,158)
-
#7287a6
#7287a6
rgb(114,135,166)
-
#6985af
#6985af
rgb(105,133,175)
-
#6083b8
#6083b8
rgb(96,131,184)
-
#5782c1
#5782c1
rgb(87,130,193)
-
#4e80ca
#4e80ca
rgb(78,128,202)
-
#457ed3
#457ed3
rgb(69,126,211)
-
#3d7cdb
#3d7cdb
rgb(61,124,219)
-
#347be4
#347be4
rgb(52,123,228)
-
#2b79ed
#2b79ed
rgb(43,121,237)
-
#2277f6
#2277f6
rgb(34,119,246)
-
#1975ff
#1975ff
rgb(25,117,255)
Color Blindness Simulator
Below, you can see how #2277f6 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.