#3df2f8 hex color

In a RGB color space, hex #3df2f8 is composed of 23.9% red, 94.9% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 2.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 181.9 degrees, a saturation of 93% and a lightness of 60.6%. #3df2f8 color hex could be obtained by blending #7affff with #00e5f1. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 24
- G 95
- B 97
RGB color chart
- C 75
- M 2
- Y 0
- K 3
CMYK color chart

● #3df2f8 color description : Bright cyan.

The hexadecimal color #3df2f8 has RGB values of R:61, G:242, B:248 and CMYK values of C:0.75, M:0.02, Y:0, K:0.03. Its decimal value is 4059896.

Hex triplet	3df2f8	`#3df2f8`
RGB Decimal	61, 242, 248	`rgb(61,242,248)`
RGB Percent	23.9, 94.9, 97.3	`rgb(23.9%,94.9%,97.3%)`
CMYK	75, 2, 0, 3
HSL	181.9°, 93, 60.6	`hsl(181.9,93%,60.6%)`
HSV (or HSB)	181.9°, 75.4, 97.3
Web Safe	33ffff	`#33ffff`

CIE-LAB	87.615, -41.344, -15.688
XYZ	50.615, 71.269, 99.89
xyY	0.228, 0.321, 71.269
CIE-LCH	87.615, 44.22, 200.779
CIE-LUV	87.615, -62.867, -18.697
Hunter-Lab	84.421, -40.716, -11.06
Binary	00111101, 11110010, 11111000

#3df2f8
```
#3df2f8 rgb(61,242,248)
```
#f8433d
```
#f8433d rgb(248,67,61)
```

Complementary Color

#3df8a1
```
#3df8a1 rgb(61,248,161)
```
#3df2f8
```
#3df2f8 rgb(61,242,248)
```
#3d95f8
```
#3d95f8 rgb(61,149,248)
```

Analogous Color

#f8a13d
```
#f8a13d rgb(248,161,61)
```
#3df2f8
```
#3df2f8 rgb(61,242,248)
```
#f83d95
```
#f83d95 rgb(248,61,149)
```

Split Complementary Color

#f2f83d
```
#f2f83d rgb(242,248,61)
```
#3df2f8
```
#3df2f8 rgb(61,242,248)
```
#f83df2
```
#f83df2 rgb(248,61,242)
```

Triadic Color

#3df843
```
#3df843 rgb(61,248,67)
```
#3df2f8
```
#3df2f8 rgb(61,242,248)
```
#f83df2
```
#f83df2 rgb(248,61,242)
```
#f8433d
```
#f8433d rgb(248,67,61)
```

Tetradic Color

#08d9e0
```
#08d9e0 rgb(8,217,224)
```
#0ceff6
```
#0ceff6 rgb(12,239,246)
```
#24f0f7
```
#24f0f7 rgb(36,240,247)
```
#3df2f8
```
#3df2f8 rgb(61,242,248)
```
#56f4f9
```
#56f4f9 rgb(86,244,249)
```
#6ef5fa
```
#6ef5fa rgb(110,245,250)
```
#87f7fb
```
#87f7fb rgb(135,247,251)
```

Monochromatic Color

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

#3df8cf
```
#3df8cf rgb(61,248,207)
```
#3df8df
```
#3df8df rgb(61,248,223)
```
#3df8ee
```
#3df8ee rgb(61,248,238)
```
#3df2f8
```
#3df2f8 rgb(61,242,248)
```
#3de2f8
```
#3de2f8 rgb(61,226,248)
```
#3dd3f8
```
#3dd3f8 rgb(61,211,248)
```
#3dc3f8
```
#3dc3f8 rgb(61,195,248)
```

Similar Colors

Text with hexadecimal color #3df2f8

This text has a font color of #3df2f8.

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

#3df2f8 background color

This paragraph has a background color of #3df2f8.

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

#3df2f8 border color

This element has a border color of #3df2f8.

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

CSS codes

.text {color:#3df2f8;}

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

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

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, #010e0e is the darkest color, while #faffff is the lightest one.

#010e0e
```
#010e0e rgb(1,14,14)
```
#012021
```
#012021 rgb(1,32,33)
```
#023334
```
#023334 rgb(2,51,52)
```
#034547
```
#034547 rgb(3,69,71)
```
#03575a
```
#03575a rgb(3,87,90)
```
#046a6d
```
#046a6d rgb(4,106,109)
```
#057c80
```
#057c80 rgb(5,124,128)
```
#058e93
```
#058e93 rgb(5,142,147)
```
#06a1a6
```
#06a1a6 rgb(6,161,166)
```
#07b3b9
```
#07b3b9 rgb(7,179,185)
```
#07c5cc
```
#07c5cc rgb(7,197,204)
```
#08d8df
```
#08d8df rgb(8,216,223)
```
#09eaf1
```
#09eaf1 rgb(9,234,241)
```

Shade Color Variation

#17eff7
```
#17eff7 rgb(23,239,247)
```
#2af1f7
```
#2af1f7 rgb(42,241,247)
```
#3df2f8
```
#3df2f8 rgb(61,242,248)
```
#50f3f9
```
#50f3f9 rgb(80,243,249)
```
#63f5f9
```
#63f5f9 rgb(99,245,249)
```
#76f6fa
```
#76f6fa rgb(118,246,250)
```
#89f7fb
```
#89f7fb rgb(137,247,251)
```
#9cf8fb
```
#9cf8fb rgb(156,248,251)
```
#affafc
```
#affafc rgb(175,250,252)
```
#c2fbfd
```
#c2fbfd rgb(194,251,253)
```
#d4fcfd
```
#d4fcfd rgb(212,252,253)
```
#e7fdfe
```
#e7fdfe rgb(231,253,254)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9b9b is the less saturated color, while #3df2f8 is the most saturated one.

#9a9b9b
```
#9a9b9b rgb(154,155,155)
```
#92a2a3
```
#92a2a3 rgb(146,162,163)
```
#8aaaab
```
#8aaaab rgb(138,170,171)
```
#83b1b2
```
#83b1b2 rgb(131,177,178)
```
#7bb8ba
```
#7bb8ba rgb(123,184,186)
```
#73bfc2
```
#73bfc2 rgb(115,191,194)
```
#6bc7ca
```
#6bc7ca rgb(107,199,202)
```
#64ced1
```
#64ced1 rgb(100,206,209)
```
#5cd5d9
```
#5cd5d9 rgb(92,213,217)
```
#54dce1
```
#54dce1 rgb(84,220,225)
```
#4ce4e9
```
#4ce4e9 rgb(76,228,233)
```
#45ebf0
```
#45ebf0 rgb(69,235,240)
```
#3df2f8
```
#3df2f8 rgb(61,242,248)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#a3c8c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcdceb Protanopia 1% of men
#dfd9ff Deuteranopia 1% of men
#6eeeff Tritanopia 0.001% of the population

Trichromacy

#a2e4ef Protanomaly 1% of men, 0.01% of women
#a4e2fc Deuteranomaly 6% of men, 0.4% of women
#5cf0fc Tritanomaly 0.01% of the population

#3df2f8 hex color

#3df2f8 Color Information

#3df2f8 Color Conversion

Color Schemes with #3df2f8

Alternatives to #3df2f8

#3df2f8 Preview

Shades and Tints of #3df2f8

Tones of #3df2f8

Color Blindness Simulator