#2a7bf2 Color Information
In a RGB color space, hex #2a7bf2 is composed of 16.5% red, 48.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 82.6% cyan, 49.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 215.7 degrees, a saturation of 88.5% and a lightness of 55.7%. #2a7bf2 color hex could be obtained by blending #54f6ff with #0000e5. Closest websafe color is: #3366ff.
-
- R 16
- G 48
- B 95
-
- C 83
- M 49
- Y 0
- K 5
● #2a7bf2 color description : Bright blue.
#2a7bf2 Color Conversion
The hexadecimal color #2a7bf2 has RGB values of R:42, G:123, B:242 and CMYK values of C:0.83, M:0.49, Y:0, K:0.05. Its decimal value is 2784242.
Hex triplet | 2a7bf2 | #2a7bf2 |
---|---|---|
RGB Decimal | 42, 123, 242 | rgb(42,123,242) |
RGB Percent | 16.5, 48.2, 94.9 | rgb(16.5%,48.2%,94.9%) |
CMYK | 83, 49, 0, 5 | |
HSL | 215.7°, 88.5, 55.7 | hsl(215.7,88.5%,55.7%) |
HSV (or HSB) | 215.7°, 82.6, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 53.023, 18.786, -66.439 |
---|---|
XYZ | 24.061, 21.067, 86.798 |
xyY | 0.182, 0.16, 21.067 |
CIE-LCH | 53.023, 69.044, 285.789 |
CIE-LUV | 53.023, -25.886, -105.168 |
Hunter-Lab | 45.899, 13.251, -79.992 |
Binary | 00101010, 01111011, 11110010 |
Color Schemes with #2a7bf2
Alternatives to #2a7bf2
Below, you can see some colors close to #2a7bf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a7bf2 Preview
This text has a font color of #2a7bf2.
<span style="color:#2a7bf2;">Text here</span>
This paragraph has a background color of #2a7bf2.
<p style="background-color:#2a7bf2;">Content here</p>
This element has a border color of #2a7bf2.
<div style="border:1px solid #2a7bf2;">Content here</div>
.text {color:#2a7bf2;}
.background {background-color:#2a7bf2;}
.border {border:1px solid #2a7bf2;}
Shades and Tints of #2a7bf2
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, #010409 is the darkest color, while #f5f9fe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#020c1b
#020c1b
rgb(2,12,27)
-
#03142e
#03142e
rgb(3,20,46)
-
#041c40
#041c40
rgb(4,28,64)
-
#052553
#052553
rgb(5,37,83)
-
#062d65
#062d65
rgb(6,45,101)
-
#073578
#073578
rgb(7,53,120)
-
#083d8a
#083d8a
rgb(8,61,138)
-
#0a459d
#0a459d
rgb(10,69,157)
-
#0b4daf
#0b4daf
rgb(11,77,175)
-
#0c55c2
#0c55c2
rgb(12,85,194)
-
#0d5ed4
#0d5ed4
rgb(13,94,212)
-
#0e66e7
#0e66e7
rgb(14,102,231)
-
#1870f1
#1870f1
rgb(24,112,241)
-
#2a7bf2
#2a7bf2
rgb(42,123,242)
-
#3c86f3
#3c86f3
rgb(60,134,243)
-
#4f92f4
#4f92f4
rgb(79,146,244)
-
#619df5
#619df5
rgb(97,157,245)
-
#74a9f7
#74a9f7
rgb(116,169,247)
-
#86b4f8
#86b4f8
rgb(134,180,248)
-
#99c0f9
#99c0f9
rgb(153,192,249)
-
#abcbfa
#abcbfa
rgb(171,203,250)
-
#bed7fb
#bed7fb
rgb(190,215,251)
-
#d0e2fc
#d0e2fc
rgb(208,226,252)
-
#e3eefd
#e3eefd
rgb(227,238,253)
-
#f5f9fe
#f5f9fe
rgb(245,249,254)
Tones of #2a7bf2
A tone is produced by adding gray to any pure hue. In this case, #8a8d92 is the less saturated color, while #2179fb is the most saturated one.
-
#8a8d92
#8a8d92
rgb(138,141,146)
-
#818c9b
#818c9b
rgb(129,140,155)
-
#788aa4
#788aa4
rgb(120,138,164)
-
#7088ac
#7088ac
rgb(112,136,172)
-
#6787b5
#6787b5
rgb(103,135,181)
-
#5e85be
#5e85be
rgb(94,133,190)
-
#5583c7
#5583c7
rgb(85,131,199)
-
#4d82cf
#4d82cf
rgb(77,130,207)
-
#4480d8
#4480d8
rgb(68,128,216)
-
#3b7ee1
#3b7ee1
rgb(59,126,225)
-
#337de9
#337de9
rgb(51,125,233)
-
#2a7bf2
#2a7bf2
rgb(42,123,242)
-
#2179fb
#2179fb
rgb(33,121,251)
Color Blindness Simulator
Below, you can see how #2a7bf2 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.