#3edefd hex color

In a RGB color space, hex #3edefd is composed of 24.3% red, 87.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 12.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 189.7 degrees, a saturation of 97.9% and a lightness of 61.8%. #3edefd color hex could be obtained by blending #7cffff with #00bdfb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 24
- G 87
- B 99
RGB color chart
- C 75
- M 12
- Y 0
- K 1
CMYK color chart

● #3edefd color description : Bright cyan.

The hexadecimal color #3edefd has RGB values of R:62, G:222, B:253 and CMYK values of C:0.75, M:0.12, Y:0, K:0.01. Its decimal value is 4120317.

Hex triplet	3edefd	`#3edefd`
RGB Decimal	62, 222, 253	`rgb(62,222,253)`
RGB Percent	24.3, 87.1, 99.2	`rgb(24.3%,87.1%,99.2%)`
CMYK	75, 12, 0, 1
HSL	189.7°, 97.9, 61.8	`hsl(189.7,97.9%,61.8%)`
HSV (or HSB)	189.7°, 75.5, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.03, -30.458, -26.776
XYZ	45.833, 60.354, 102.157
xyY	0.22, 0.29, 60.354
CIE-LCH	82.03, 40.555, 221.319
CIE-LUV	82.03, -55.521, -38.836
Hunter-Lab	77.688, -30.647, -23.583
Binary	00111110, 11011110, 11111101

#3edefd
```
#3edefd rgb(62,222,253)
```
#fd5d3e
```
#fd5d3e rgb(253,93,62)
```

Complementary Color

#3efdbd
```
#3efdbd rgb(62,253,189)
```
#3edefd
```
#3edefd rgb(62,222,253)
```
#3e7ffd
```
#3e7ffd rgb(62,127,253)
```

Analogous Color

#fdbd3e
```
#fdbd3e rgb(253,189,62)
```
#3edefd
```
#3edefd rgb(62,222,253)
```
#fd3e7f
```
#fd3e7f rgb(253,62,127)
```

Split Complementary Color

#defd3e
```
#defd3e rgb(222,253,62)
```
#3edefd
```
#3edefd rgb(62,222,253)
```
#fd3ede
```
#fd3ede rgb(253,62,222)
```

Triadic Color

#3efd5d
```
#3efd5d rgb(62,253,93)
```
#3edefd
```
#3edefd rgb(62,222,253)
```
#fd3ede
```
#fd3ede rgb(253,62,222)
```
#fd5d3e
```
#fd5d3e rgb(253,93,62)
```

Tetradic Color

#02c6ec
```
#02c6ec rgb(2,198,236)
```
#0cd5fc
```
#0cd5fc rgb(12,213,252)
```
#25dafd
```
#25dafd rgb(37,218,253)
```
#3edefd
```
#3edefd rgb(62,222,253)
```
#57e2fd
```
#57e2fd rgb(87,226,253)
```
#70e7fe
```
#70e7fe rgb(112,231,254)
```
#8aebfe
```
#8aebfe rgb(138,235,254)
```

Monochromatic Color

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

#3efdec
```
#3efdec rgb(62,253,236)
```
#3efdfc
```
#3efdfc rgb(62,253,252)
```
#3eeefd
```
#3eeefd rgb(62,238,253)
```
#3edefd
```
#3edefd rgb(62,222,253)
```
#3ecefd
```
#3ecefd rgb(62,206,253)
```
#3ebefd
```
#3ebefd rgb(62,190,253)
```
#3eaefd
```
#3eaefd rgb(62,174,253)
```

Similar Colors

Text with hexadecimal color #3edefd

This text has a font color of #3edefd.

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

#3edefd background color

This paragraph has a background color of #3edefd.

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

#3edefd border color

This element has a border color of #3edefd.

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

CSS codes

.text {color:#3edefd;}

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

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

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, #000101 is the darkest color, while #edfcff is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#001115
```
#001115 rgb(0,17,21)
```
#002228
```
#002228 rgb(0,34,40)
```
#01323b
```
#01323b rgb(1,50,59)
```
#01424f
```
#01424f rgb(1,66,79)
```
#015262
```
#015262 rgb(1,82,98)
```
#016376
```
#016376 rgb(1,99,118)
```
#017389
```
#017389 rgb(1,115,137)
```
#02839c
```
#02839c rgb(2,131,156)
```
#0294b0
```
#0294b0 rgb(2,148,176)
```
#02a4c3
```
#02a4c3 rgb(2,164,195)
```
#02b4d7
```
#02b4d7 rgb(2,180,215)
```
#02c5ea
```
#02c5ea rgb(2,197,234)
```

Shade Color Variation

#04d4fc
```
#04d4fc rgb(4,212,252)
```
#17d7fd
```
#17d7fd rgb(23,215,253)
```
#2bdbfd
```
#2bdbfd rgb(43,219,253)
```
#3edefd
```
#3edefd rgb(62,222,253)
```
#51e1fd
```
#51e1fd rgb(81,225,253)
```
#65e5fd
```
#65e5fd rgb(101,229,253)
```
#78e8fe
```
#78e8fe rgb(120,232,254)
```
#8cebfe
```
#8cebfe rgb(140,235,254)
```
#9feffe
```
#9feffe rgb(159,239,254)
```
#b2f2fe
```
#b2f2fe rgb(178,242,254)
```
#c6f5fe
```
#c6f5fe rgb(198,245,254)
```
#d9f9ff
```
#d9f9ff rgb(217,249,255)
```
#edfcff
```
#edfcff rgb(237,252,255)
```

Tint Color Variation

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

#98a1a3
```
#98a1a3 rgb(152,161,163)
```
#91a6ab
```
#91a6ab rgb(145,166,171)
```
#89abb2
```
#89abb2 rgb(137,171,178)
```
#82b0ba
```
#82b0ba rgb(130,176,186)
```
#7ab5c1
```
#7ab5c1 rgb(122,181,193)
```
#73bbc9
```
#73bbc9 rgb(115,187,201)
```
#6bc0d0
```
#6bc0d0 rgb(107,192,208)
```
#64c5d8
```
#64c5d8 rgb(100,197,216)
```
#5ccadf
```
#5ccadf rgb(92,202,223)
```
#55cfe7
```
#55cfe7 rgb(85,207,231)
```
#4dd4ee
```
#4dd4ee rgb(77,212,238)
```
#46d9f6
```
#46d9f6 rgb(70,217,246)
```
#3edefd
```
#3edefd rgb(62,222,253)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9bbbc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6ccf1 Protanopia 1% of men
#c4cbff Deuteranopia 1% of men
#3be1f2 Tritanopia 0.001% of the population

Trichromacy

#95d3f5 Protanomaly 1% of men, 0.01% of women
#93d2fe Deuteranomaly 6% of men, 0.4% of women
#3ce0f6 Tritanomaly 0.01% of the population

#3edefd hex color

#3edefd Color Information

#3edefd Color Conversion

Color Schemes with #3edefd

Alternatives to #3edefd

#3edefd Preview

Shades and Tints of #3edefd

Tones of #3edefd

Color Blindness Simulator