#3ac7df Color Information
In a RGB color space, hex #3ac7df is composed of 22.7% red, 78% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 10.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 188.7 degrees, a saturation of 72.1% and a lightness of 55.1%. #3ac7df color hex could be obtained by blending #74ffff with #008fbf. Closest websafe color is: #33cccc.
-
- R 23
- G 78
- B 87
-
- C 74
- M 11
- Y 0
- K 13
● #3ac7df color description : Bright cyan.
#3ac7df Color Conversion
The hexadecimal color #3ac7df has RGB values of R:58, G:199, B:223 and CMYK values of C:0.74, M:0.11, Y:0, K:0.13. Its decimal value is 3852255.
Hex triplet | 3ac7df | #3ac7df |
---|---|---|
RGB Decimal | 58, 199, 223 | rgb(58,199,223) |
RGB Percent | 22.7, 78, 87.5 | rgb(22.7%,78%,87.5%) |
CMYK | 74, 11, 0, 13 | |
HSL | 188.7°, 72.1, 55.1 | hsl(188.7,72.1%,55.1%) |
HSV (or HSB) | 188.7°, 74, 87.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 74.235, -28.918, -22.626 |
---|---|
XYZ | 35.484, 47.071, 77.023 |
xyY | 0.222, 0.295, 47.071 |
CIE-LCH | 74.235, 36.718, 218.041 |
CIE-LUV | 74.235, -50.094, -31.626 |
Hunter-Lab | 68.608, -27.745, -18.537 |
Binary | 00111010, 11000111, 11011111 |
Color Schemes with #3ac7df
Alternatives to #3ac7df
Below, you can see some colors close to #3ac7df. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ac7df Preview
This text has a font color of #3ac7df.
<span style="color:#3ac7df;">Text here</span>
This paragraph has a background color of #3ac7df.
<p style="background-color:#3ac7df;">Content here</p>
This element has a border color of #3ac7df.
<div style="border:1px solid #3ac7df;">Content here</div>
.text {color:#3ac7df;}
.background {background-color:#3ac7df;}
.border {border:1px solid #3ac7df;}
Shades and Tints of #3ac7df
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, #010505 is the darkest color, while #f4fcfd is the lightest one.
-
#010505
#010505
rgb(1,5,5)
-
#041416
#041416
rgb(4,20,22)
-
#062227
#062227
rgb(6,34,39)
-
#093138
#093138
rgb(9,49,56)
-
#0c4049
#0c4049
rgb(12,64,73)
-
#0f4f5a
#0f4f5a
rgb(15,79,90)
-
#115e6b
#115e6b
rgb(17,94,107)
-
#146d7c
#146d7c
rgb(20,109,124)
-
#177b8c
#177b8c
rgb(23,123,140)
-
#1a8a9d
#1a8a9d
rgb(26,138,157)
-
#1c99ae
#1c99ae
rgb(28,153,174)
-
#1fa8bf
#1fa8bf
rgb(31,168,191)
-
#22b7d0
#22b7d0
rgb(34,183,208)
-
#29c2dc
#29c2dc
rgb(41,194,220)
-
#3ac7df
#3ac7df
rgb(58,199,223)
-
#4bcce2
#4bcce2
rgb(75,204,226)
-
#5cd1e4
#5cd1e4
rgb(92,209,228)
-
#6dd5e7
#6dd5e7
rgb(109,213,231)
-
#7ddaea
#7ddaea
rgb(125,218,234)
-
#8edfed
#8edfed
rgb(142,223,237)
-
#9fe4ef
#9fe4ef
rgb(159,228,239)
-
#b0e9f2
#b0e9f2
rgb(176,233,242)
-
#c1edf5
#c1edf5
rgb(193,237,245)
-
#d2f2f8
#d2f2f8
rgb(210,242,248)
-
#e3f7fa
#e3f7fa
rgb(227,247,250)
-
#f4fcfd
#f4fcfd
rgb(244,252,253)
Tones of #3ac7df
A tone is produced by adding gray to any pure hue. In this case, #898f90 is the less saturated color, while #20daf9 is the most saturated one.
-
#898f90
#898f90
rgb(137,143,144)
-
#809599
#809599
rgb(128,149,153)
-
#789ba1
#789ba1
rgb(120,155,161)
-
#6fa2aa
#6fa2aa
rgb(111,162,170)
-
#66a8b3
#66a8b3
rgb(102,168,179)
-
#5daebc
#5daebc
rgb(93,174,188)
-
#54b4c5
#54b4c5
rgb(84,180,197)
-
#4cbbcd
#4cbbcd
rgb(76,187,205)
-
#43c1d6
#43c1d6
rgb(67,193,214)
-
#3ac7df
#3ac7df
rgb(58,199,223)
-
#31cde8
#31cde8
rgb(49,205,232)
-
#28d3f1
#28d3f1
rgb(40,211,241)
-
#20daf9
#20daf9
rgb(32,218,249)
Color Blindness Simulator
Below, you can see how #3ac7df 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.