#5af4f0 Color Information
In a RGB color space, hex #5af4f0 is composed of 35.3% red, 95.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 1.6% yellow and 4.3% black. It has a hue angle of 178.4 degrees, a saturation of 87.5% and a lightness of 65.5%. #5af4f0 color hex could be obtained by blending #b4ffff with #00e9e1. Closest websafe color is: #66ffff.
-
- R 35
- G 96
- B 94
-
- C 63
- M 0
- Y 2
- K 4
● #5af4f0 color description : Soft cyan.
#5af4f0 Color Conversion
The hexadecimal color #5af4f0 has RGB values of R:90, G:244, B:240 and CMYK values of C:0.63, M:0, Y:0.02, K:0.04. Its decimal value is 5960944.
Hex triplet | 5af4f0 | #5af4f0 |
---|---|---|
RGB Decimal | 90, 244, 240 | rgb(90,244,240) |
RGB Percent | 35.3, 95.7, 94.1 | rgb(35.3%,95.7%,94.1%) |
CMYK | 63, 0, 2, 4 | |
HSL | 178.4°, 87.5, 65.5 | hsl(178.4,87.5%,65.5%) |
HSV (or HSB) | 178.4°, 63.1, 95.7 | |
Web Safe | 66ffff | #66ffff |
CIE-LAB | 88.525, -40.839, -10.087 |
---|---|
XYZ | 52.291, 73.162, 93.799 |
xyY | 0.238, 0.334, 73.162 |
CIE-LCH | 88.525, 42.066, 193.873 |
CIE-LUV | 88.525, -59.482, -9.478 |
Hunter-Lab | 85.535, -40.562, -5.144 |
Binary | 01011010, 11110100, 11110000 |
Color Schemes with #5af4f0
Alternatives to #5af4f0
Below, you can see some colors close to #5af4f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5af4f0 Preview
This text has a font color of #5af4f0.
<span style="color:#5af4f0;">Text here</span>
This paragraph has a background color of #5af4f0.
<p style="background-color:#5af4f0;">Content here</p>
This element has a border color of #5af4f0.
<div style="border:1px solid #5af4f0;">Content here</div>
.text {color:#5af4f0;}
.background {background-color:#5af4f0;}
.border {border:1px solid #5af4f0;}
Shades and Tints of #5af4f0
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, #000100 is the darkest color, while #edfefd is the lightest one.
-
#000100
#000100
rgb(0,1,0)
-
#011312
#011312
rgb(1,19,18)
-
#022524
#022524
rgb(2,37,36)
-
#043836
#043836
rgb(4,56,54)
-
#054a48
#054a48
rgb(5,74,72)
-
#065c5a
#065c5a
rgb(6,92,90)
-
#076f6c
#076f6c
rgb(7,111,108)
-
#09817e
#09817e
rgb(9,129,126)
-
#0a9490
#0a9490
rgb(10,148,144)
-
#0ba6a2
#0ba6a2
rgb(11,166,162)
-
#0cb8b4
#0cb8b4
rgb(12,184,180)
-
#0ecbc6
#0ecbc6
rgb(14,203,198)
-
#0fddd8
#0fddd8
rgb(15,221,216)
-
#10efe9
#10efe9
rgb(16,239,233)
-
#23f0eb
#23f0eb
rgb(35,240,235)
-
#35f2ed
#35f2ed
rgb(53,242,237)
-
#48f3ee
#48f3ee
rgb(72,243,238)
-
#5af4f0
#5af4f0
rgb(90,244,240)
-
#6cf5f2
#6cf5f2
rgb(108,245,242)
-
#7ff6f3
#7ff6f3
rgb(127,246,243)
-
#91f8f5
#91f8f5
rgb(145,248,245)
-
#a4f9f7
#a4f9f7
rgb(164,249,247)
-
#b6faf8
#b6faf8
rgb(182,250,248)
-
#c8fbfa
#c8fbfa
rgb(200,251,250)
-
#dbfdfc
#dbfdfc
rgb(219,253,252)
-
#edfefd
#edfefd
rgb(237,254,253)
Tones of #5af4f0
A tone is produced by adding gray to any pure hue. In this case, #a4aaa9 is the less saturated color, while #53fbf6 is the most saturated one.
-
#a4aaa9
#a4aaa9
rgb(164,170,169)
-
#9eb0b0
#9eb0b0
rgb(158,176,176)
-
#97b7b6
#97b7b6
rgb(151,183,182)
-
#90bebd
#90bebd
rgb(144,190,189)
-
#89c5c3
#89c5c3
rgb(137,197,195)
-
#83cbc9
#83cbc9
rgb(131,203,201)
-
#7cd2d0
#7cd2d0
rgb(124,210,208)
-
#75d9d6
#75d9d6
rgb(117,217,214)
-
#6ee0dd
#6ee0dd
rgb(110,224,221)
-
#68e6e3
#68e6e3
rgb(104,230,227)
-
#61edea
#61edea
rgb(97,237,234)
-
#5af4f0
#5af4f0
rgb(90,244,240)
-
#53fbf6
#53fbf6
rgb(83,251,246)
Color Blindness Simulator
Below, you can see how #5af4f0 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.