#2caef2 Color Information
In a RGB color space, hex #2caef2 is composed of 17.3% red, 68.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 81.8% cyan, 28.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 200.6 degrees, a saturation of 88.4% and a lightness of 56.1%. #2caef2 color hex could be obtained by blending #58ffff with #005de5. Closest websafe color is: #3399ff.
-
- R 17
- G 68
- B 95
-
- C 82
- M 28
- Y 0
- K 5
● #2caef2 color description : Bright blue.
#2caef2 Color Conversion
The hexadecimal color #2caef2 has RGB values of R:44, G:174, B:242 and CMYK values of C:0.82, M:0.28, Y:0, K:0.05. Its decimal value is 2928370.
Hex triplet | 2caef2 | #2caef2 |
---|---|---|
RGB Decimal | 44, 174, 242 | rgb(44,174,242) |
RGB Percent | 17.3, 68.2, 94.9 | rgb(17.3%,68.2%,94.9%) |
CMYK | 82, 28, 0, 5 | |
HSL | 200.6°, 88.4, 56.1 | hsl(200.6,88.4%,56.1%) |
HSV (or HSB) | 200.6°, 81.8, 94.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.438, -11.098, -43.48 |
---|---|
XYZ | 32.198, 37.215, 89.486 |
xyY | 0.203, 0.234, 37.215 |
CIE-LCH | 67.438, 44.874, 255.682 |
CIE-LUV | 67.438, -41.984, -68.705 |
Hunter-Lab | 61.004, -12.547, -44.268 |
Binary | 00101100, 10101110, 11110010 |
Color Schemes with #2caef2
Alternatives to #2caef2
Below, you can see some colors close to #2caef2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2caef2 Preview
This text has a font color of #2caef2.
<span style="color:#2caef2;">Text here</span>
This paragraph has a background color of #2caef2.
<p style="background-color:#2caef2;">Content here</p>
This element has a border color of #2caef2.
<div style="border:1px solid #2caef2;">Content here</div>
.text {color:#2caef2;}
.background {background-color:#2caef2;}
.border {border:1px solid #2caef2;}
Shades and Tints of #2caef2
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, #01070b is the darkest color, while #f7fcff is the lightest one.
-
#01070b
#01070b
rgb(1,7,11)
-
#02141d
#02141d
rgb(2,20,29)
-
#032030
#032030
rgb(3,32,48)
-
#042d42
#042d42
rgb(4,45,66)
-
#053955
#053955
rgb(5,57,85)
-
#064667
#064667
rgb(6,70,103)
-
#07527a
#07527a
rgb(7,82,122)
-
#095f8c
#095f8c
rgb(9,95,140)
-
#0a6b9f
#0a6b9f
rgb(10,107,159)
-
#0b78b1
#0b78b1
rgb(11,120,177)
-
#0c84c3
#0c84c3
rgb(12,132,195)
-
#0d91d6
#0d91d6
rgb(13,145,214)
-
#0e9ee8
#0e9ee8
rgb(14,158,232)
-
#1aa7f1
#1aa7f1
rgb(26,167,241)
-
#2caef2
#2caef2
rgb(44,174,242)
-
#3eb5f3
#3eb5f3
rgb(62,181,243)
-
#51bcf4
#51bcf4
rgb(81,188,244)
-
#63c3f5
#63c3f5
rgb(99,195,245)
-
#76caf7
#76caf7
rgb(118,202,247)
-
#88d1f8
#88d1f8
rgb(136,209,248)
-
#9bd9f9
#9bd9f9
rgb(155,217,249)
-
#ade0fa
#ade0fa
rgb(173,224,250)
-
#c0e7fb
#c0e7fb
rgb(192,231,251)
-
#d2eefc
#d2eefc
rgb(210,238,252)
-
#e5f5fd
#e5f5fd
rgb(229,245,253)
-
#f7fcff
#f7fcff
rgb(247,252,255)
Tones of #2caef2
A tone is produced by adding gray to any pure hue. In this case, #8b9093 is the less saturated color, while #23b1fb is the most saturated one.
-
#8b9093
#8b9093
rgb(139,144,147)
-
#82939c
#82939c
rgb(130,147,156)
-
#7a96a4
#7a96a4
rgb(122,150,164)
-
#7198ad
#7198ad
rgb(113,152,173)
-
#689bb6
#689bb6
rgb(104,155,182)
-
#609ebe
#609ebe
rgb(96,158,190)
-
#57a1c7
#57a1c7
rgb(87,161,199)
-
#4ea3d0
#4ea3d0
rgb(78,163,208)
-
#46a6d8
#46a6d8
rgb(70,166,216)
-
#3da9e1
#3da9e1
rgb(61,169,225)
-
#35abe9
#35abe9
rgb(53,171,233)
-
#2caef2
#2caef2
rgb(44,174,242)
-
#23b1fb
#23b1fb
rgb(35,177,251)
Color Blindness Simulator
Below, you can see how #2caef2 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.