#2af5ff Color Information
In a RGB color space, hex #2af5ff is composed of 16.5% red, 96.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 3.9% magenta, 0% yellow and 0% black. It has a hue angle of 182.8 degrees, a saturation of 100% and a lightness of 58.2%. #2af5ff color hex could be obtained by blending #54ffff with #00ebff. Closest websafe color is: #33ffff.
-
- R 16
- G 96
- B 100
-
- C 84
- M 4
- Y 0
- K 0
● #2af5ff color description : Vivid cyan.
#2af5ff Color Conversion
The hexadecimal color #2af5ff has RGB values of R:42, G:245, B:255 and CMYK values of C:0.84, M:0.04, Y:0, K:0. Its decimal value is 2815487.
Hex triplet | 2af5ff | #2af5ff |
---|---|---|
RGB Decimal | 42, 245, 255 | rgb(42,245,255) |
RGB Percent | 16.5, 96.1, 100 | rgb(16.5%,96.1%,100%) |
CMYK | 84, 4, 0, 0 | |
HSL | 182.8°, 100, 58.2 | hsl(182.8,100%,58.2%) |
HSV (or HSB) | 182.8°, 83.5, 100 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 88.453, -42.206, -18.11 |
---|---|
XYZ | 51.652, 73.012, 105.973 |
xyY | 0.224, 0.317, 73.012 |
CIE-LCH | 88.453, 45.927, 203.223 |
CIE-LUV | 88.453, -65.299, -22.678 |
Hunter-Lab | 85.447, -41.631, -13.719 |
Binary | 00101010, 11110101, 11111111 |
Color Schemes with #2af5ff
Alternatives to #2af5ff
Below, you can see some colors close to #2af5ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2af5ff Preview
This text has a font color of #2af5ff.
<span style="color:#2af5ff;">Text here</span>
This paragraph has a background color of #2af5ff.
<p style="background-color:#2af5ff;">Content here</p>
This element has a border color of #2af5ff.
<div style="border:1px solid #2af5ff;">Content here</div>
.text {color:#2af5ff;}
.background {background-color:#2af5ff;}
.border {border:1px solid #2af5ff;}
Shades and Tints of #2af5ff
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, #000303 is the darkest color, while #eefeff is the lightest one.
-
#000303
#000303
rgb(0,3,3)
-
#001516
#001516
rgb(0,21,22)
-
#00282a
#00282a
rgb(0,40,42)
-
#003b3e
#003b3e
rgb(0,59,62)
-
#004d51
#004d51
rgb(0,77,81)
-
#006065
#006065
rgb(0,96,101)
-
#007378
#007378
rgb(0,115,120)
-
#00868c
#00868c
rgb(0,134,140)
-
#0098a0
#0098a0
rgb(0,152,160)
-
#00abb3
#00abb3
rgb(0,171,179)
-
#00bec7
#00bec7
rgb(0,190,199)
-
#00d0db
#00d0db
rgb(0,208,219)
-
#00e3ee
#00e3ee
rgb(0,227,238)
-
#03f3ff
#03f3ff
rgb(3,243,255)
-
#16f4ff
#16f4ff
rgb(22,244,255)
-
#2af5ff
#2af5ff
rgb(42,245,255)
-
#3ef6ff
#3ef6ff
rgb(62,246,255)
-
#51f7ff
#51f7ff
rgb(81,247,255)
-
#65f8ff
#65f8ff
rgb(101,248,255)
-
#78f9ff
#78f9ff
rgb(120,249,255)
-
#8cfaff
#8cfaff
rgb(140,250,255)
-
#a0fbff
#a0fbff
rgb(160,251,255)
-
#b3fbff
#b3fbff
rgb(179,251,255)
-
#c7fcff
#c7fcff
rgb(199,252,255)
-
#dbfdff
#dbfdff
rgb(219,253,255)
-
#eefeff
#eefeff
rgb(238,254,255)
Tones of #2af5ff
A tone is produced by adding gray to any pure hue. In this case, #8c9c9d is the less saturated color, while #2af5ff is the most saturated one.
-
#8c9c9d
#8c9c9d
rgb(140,156,157)
-
#84a3a5
#84a3a5
rgb(132,163,165)
-
#7cabad
#7cabad
rgb(124,171,173)
-
#74b2b5
#74b2b5
rgb(116,178,181)
-
#6cbabd
#6cbabd
rgb(108,186,189)
-
#63c1c6
#63c1c6
rgb(99,193,198)
-
#5bc8ce
#5bc8ce
rgb(91,200,206)
-
#53d0d6
#53d0d6
rgb(83,208,214)
-
#4bd7de
#4bd7de
rgb(75,215,222)
-
#43dfe6
#43dfe6
rgb(67,223,230)
-
#3ae6ef
#3ae6ef
rgb(58,230,239)
-
#32eef7
#32eef7
rgb(50,238,247)
-
#2af5ff
#2af5ff
rgb(42,245,255)
Color Blindness Simulator
Below, you can see how #2af5ff 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.