#1fd3f0 Color Information
In a RGB color space, hex #1fd3f0 is composed of 12.2% red, 82.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 12.1% magenta, 0% yellow and 5.9% black. It has a hue angle of 188.3 degrees, a saturation of 87.4% and a lightness of 53.1%. #1fd3f0 color hex could be obtained by blending #3effff with #00a7e1. Closest websafe color is: #33ccff.
-
- R 12
- G 83
- B 94
-
- C 87
- M 12
- Y 0
- K 6
● #1fd3f0 color description : Vivid cyan.
#1fd3f0 Color Conversion
The hexadecimal color #1fd3f0 has RGB values of R:31, G:211, B:240 and CMYK values of C:0.87, M:0.12, Y:0, K:0.06. Its decimal value is 2085872.
Hex triplet | 1fd3f0 | #1fd3f0 |
---|---|---|
RGB Decimal | 31, 211, 240 | rgb(31,211,240) |
RGB Percent | 12.2, 82.7, 94.1 | rgb(12.2%,82.7%,94.1%) |
CMYK | 87, 12, 0, 6 | |
HSL | 188.3°, 87.4, 53.1 | hsl(188.3,87.4%,53.1%) |
HSV (or HSB) | 188.3°, 87.1, 94.1 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 77.974, -31.671, -26.096 |
---|---|
XYZ | 39.583, 53.167, 90.609 |
xyY | 0.216, 0.29, 53.167 |
CIE-LCH | 77.974, 41.037, 219.488 |
CIE-LUV | 77.974, -55.811, -37.334 |
Hunter-Lab | 72.916, -30.702, -22.636 |
Binary | 00011111, 11010011, 11110000 |
Color Schemes with #1fd3f0
Alternatives to #1fd3f0
Below, you can see some colors close to #1fd3f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1fd3f0 Preview
This text has a font color of #1fd3f0.
<span style="color:#1fd3f0;">Text here</span>
This paragraph has a background color of #1fd3f0.
<p style="background-color:#1fd3f0;">Content here</p>
This element has a border color of #1fd3f0.
<div style="border:1px solid #1fd3f0;">Content here</div>
.text {color:#1fd3f0;}
.background {background-color:#1fd3f0;}
.border {border:1px solid #1fd3f0;}
Shades and Tints of #1fd3f0
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, #010d0f is the darkest color, while #fcfeff is the lightest one.
-
#010d0f
#010d0f
rgb(1,13,15)
-
#021d21
#021d21
rgb(2,29,33)
-
#032d34
#032d34
rgb(3,45,52)
-
#053d46
#053d46
rgb(5,61,70)
-
#064d59
#064d59
rgb(6,77,89)
-
#075d6b
#075d6b
rgb(7,93,107)
-
#086d7d
#086d7d
rgb(8,109,125)
-
#0a7d90
#0a7d90
rgb(10,125,144)
-
#0b8da2
#0b8da2
rgb(11,141,162)
-
#0c9db4
#0c9db4
rgb(12,157,180)
-
#0dadc7
#0dadc7
rgb(13,173,199)
-
#0fbdd9
#0fbdd9
rgb(15,189,217)
-
#10cdec
#10cdec
rgb(16,205,236)
-
#1fd3f0
#1fd3f0
rgb(31,211,240)
-
#31d7f1
#31d7f1
rgb(49,215,241)
-
#44daf2
#44daf2
rgb(68,218,242)
-
#56def4
#56def4
rgb(86,222,244)
-
#69e1f5
#69e1f5
rgb(105,225,245)
-
#7be5f6
#7be5f6
rgb(123,229,246)
-
#8de9f7
#8de9f7
rgb(141,233,247)
-
#a0ecf9
#a0ecf9
rgb(160,236,249)
-
#b2f0fa
#b2f0fa
rgb(178,240,250)
-
#c4f4fb
#c4f4fb
rgb(196,244,251)
-
#d7f7fc
#d7f7fc
rgb(215,247,252)
-
#e9fbfe
#e9fbfe
rgb(233,251,254)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #1fd3f0
A tone is produced by adding gray to any pure hue. In this case, #848a8b is the less saturated color, while #16daf9 is the most saturated one.
-
#848a8b
#848a8b
rgb(132,138,139)
-
#7b9194
#7b9194
rgb(123,145,148)
-
#72979d
#72979d
rgb(114,151,157)
-
#699ea6
#699ea6
rgb(105,158,166)
-
#5fa5b0
#5fa5b0
rgb(95,165,176)
-
#56abb9
#56abb9
rgb(86,171,185)
-
#4db2c2
#4db2c2
rgb(77,178,194)
-
#44b8cb
#44b8cb
rgb(68,184,203)
-
#3bbfd4
#3bbfd4
rgb(59,191,212)
-
#31c6de
#31c6de
rgb(49,198,222)
-
#28cce7
#28cce7
rgb(40,204,231)
-
#1fd3f0
#1fd3f0
rgb(31,211,240)
-
#16daf9
#16daf9
rgb(22,218,249)
Color Blindness Simulator
Below, you can see how #1fd3f0 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.