#3dafbe hex color

In a RGB color space, hex #3dafbe is composed of 23.9% red, 68.6% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 7.9% magenta, 0% yellow and 25.5% black. It has a hue angle of 187 degrees, a saturation of 51.4% and a lightness of 49.2%. #3dafbe color hex could be obtained by blending #7affff with #005f7d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 69
- B 75
RGB color chart
- C 68
- M 8
- Y 0
- K 25
CMYK color chart

● #3dafbe color description : Moderate cyan.

The hexadecimal color #3dafbe has RGB values of R:61, G:175, B:190 and CMYK values of C:0.68, M:0.08, Y:0, K:0.25. Its decimal value is 4042686.

Hex triplet	3dafbe	`#3dafbe`
RGB Decimal	61, 175, 190	`rgb(61,175,190)`
RGB Percent	23.9, 68.6, 74.5	`rgb(23.9%,68.6%,74.5%)`
CMYK	68, 8, 0, 25
HSL	187°, 51.4, 49.2	`hsl(187,51.4%,49.2%)`
HSV (or HSB)	187°, 67.9, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.034, -26.762, -17.009
XYZ	26.546, 35.367, 54.14
xyY	0.229, 0.305, 35.367
CIE-LCH	66.034, 31.71, 212.438
CIE-LUV	66.034, -43.141, -22.253
Hunter-Lab	59.471, -24.396, -12.346
Binary	00111101, 10101111, 10111110

#3dafbe
```
#3dafbe rgb(61,175,190)
```
#be4c3d
```
#be4c3d rgb(190,76,61)
```

Complementary Color

#3dbe8d
```
#3dbe8d rgb(61,190,141)
```
#3dafbe
```
#3dafbe rgb(61,175,190)
```
#3d6fbe
```
#3d6fbe rgb(61,111,190)
```

Analogous Color

#be8d3d
```
#be8d3d rgb(190,141,61)
```
#3dafbe
```
#3dafbe rgb(61,175,190)
```
#be3d6f
```
#be3d6f rgb(190,61,111)
```

Split Complementary Color

#afbe3d
```
#afbe3d rgb(175,190,61)
```
#3dafbe
```
#3dafbe rgb(61,175,190)
```
#be3daf
```
#be3daf rgb(190,61,175)
```

Triadic Color

#3dbe4c
```
#3dbe4c rgb(61,190,76)
```
#3dafbe
```
#3dafbe rgb(61,175,190)
```
#be3daf
```
#be3daf rgb(190,61,175)
```
#be4c3d
```
#be4c3d rgb(190,76,61)
```

Tetradic Color

#2a7a84
```
#2a7a84 rgb(42,122,132)
```
#318b97
```
#318b97 rgb(49,139,151)
```
#379dab
```
#379dab rgb(55,157,171)
```
#3dafbe
```
#3dafbe rgb(61,175,190)
```
#4eb8c6
```
#4eb8c6 rgb(78,184,198)
```
#62c0cc
```
#62c0cc rgb(98,192,204)
```
#75c8d3
```
#75c8d3 rgb(117,200,211)
```

Monochromatic Color

Below, you can see some colors close to #3dafbe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3dbead
```
#3dbead rgb(61,190,173)
```
#3dbeb8
```
#3dbeb8 rgb(61,190,184)
```
#3dbabe
```
#3dbabe rgb(61,186,190)
```
#3dafbe
```
#3dafbe rgb(61,175,190)
```
#3da4be
```
#3da4be rgb(61,164,190)
```
#3d9abe
```
#3d9abe rgb(61,154,190)
```
#3d8fbe
```
#3d8fbe rgb(61,143,190)
```

Similar Colors

Text with hexadecimal color #3dafbe

This text has a font color of #3dafbe.

<span style="color:#3dafbe;">Text here</span>

#3dafbe background color

This paragraph has a background color of #3dafbe.

<p style="background-color:#3dafbe;">Content here</p>

#3dafbe border color

This element has a border color of #3dafbe.

<div style="border:1px solid #3dafbe;">Content here</div>

CSS codes

.text {color:#3dafbe;}

.background {background-color:#3dafbe;}

.border {border:1px solid #3dafbe;}

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, #040b0c is the darkest color, while #fcfefe is the lightest one.

#040b0c
```
#040b0c rgb(4,11,12)
```
#09191b
```
#09191b rgb(9,25,27)
```
#0d262a
```
#0d262a rgb(13,38,42)
```
#123438
```
#123438 rgb(18,52,56)
```
#174247
```
#174247 rgb(23,66,71)
```
#1c4f56
```
#1c4f56 rgb(28,79,86)
```
#205d65
```
#205d65 rgb(32,93,101)
```
#256b74
```
#256b74 rgb(37,107,116)
```
#2a7883
```
#2a7883 rgb(42,120,131)
```
#2f8691
```
#2f8691 rgb(47,134,145)
```
#3394a0
```
#3394a0 rgb(51,148,160)
```
#38a1af
```
#38a1af rgb(56,161,175)
```
#3dafbe
```
#3dafbe rgb(61,175,190)
```

Shade Color Variation

#4ab7c5
```
#4ab7c5 rgb(74,183,197)
```
#59bcca
```
#59bcca rgb(89,188,202)
```
#67c2ce
```
#67c2ce rgb(103,194,206)
```
#76c8d3
```
#76c8d3 rgb(118,200,211)
```
#85ced8
```
#85ced8 rgb(133,206,216)
```
#94d4dd
```
#94d4dd rgb(148,212,221)
```
#a3dae1
```
#a3dae1 rgb(163,218,225)
```
#b2e0e6
```
#b2e0e6 rgb(178,224,230)
```
#c1e6eb
```
#c1e6eb rgb(193,230,235)
```
#cfecf0
```
#cfecf0 rgb(207,236,240)
```
#def2f4
```
#def2f4 rgb(222,242,244)
```
#edf8f9
```
#edf8f9 rgb(237,248,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778384 is the less saturated color, while #03dbf8 is the most saturated one.

#778384
```
#778384 rgb(119,131,132)
```
#6d8a8e
```
#6d8a8e rgb(109,138,142)
```
#649197
```
#649197 rgb(100,145,151)
```
#5a99a1
```
#5a99a1 rgb(90,153,161)
```
#50a0ab
```
#50a0ab rgb(80,160,171)
```
#47a8b4
```
#47a8b4 rgb(71,168,180)
```
#3dafbe
```
#3dafbe rgb(61,175,190)
```
#33b6c8
```
#33b6c8 rgb(51,182,200)
```
#2abed1
```
#2abed1 rgb(42,190,209)
```
#20c5db
```
#20c5db rgb(32,197,219)
```
#16cde5
```
#16cde5 rgb(22,205,229)
```
#0dd4ee
```
#0dd4ee rgb(13,212,238)
```
#03dbf8
```
#03dbf8 rgb(3,219,248)
```

Tone Color Variation

Below, you can see how #3dafbe 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.

Monochromacy

#8f8f8f Achromatopsia 0.005% of the population
#7f9598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a4b8 Protanopia 1% of men
#a2a2c7 Deuteranopia 1% of men
#46b3c0 Tritanopia 0.001% of the population

Trichromacy

#7da8ba Protanomaly 1% of men, 0.01% of women
#7da6c4 Deuteranomaly 6% of men, 0.4% of women
#43b1bf Tritanomaly 0.01% of the population

#3dafbe hex color

#3dafbe Color Information

#3dafbe Color Conversion

Color Schemes with #3dafbe

Alternatives to #3dafbe

#3dafbe Preview

Shades and Tints of #3dafbe

Tones of #3dafbe

Color Blindness Simulator