#2ad3f7 hex color

In a RGB color space, hex #2ad3f7 is composed of 16.5% red, 82.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 14.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 190.5 degrees, a saturation of 92.8% and a lightness of 56.7%. #2ad3f7 color hex could be obtained by blending #54ffff with #00a7ef. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 16
- G 83
- B 97
RGB color chart
- C 83
- M 15
- Y 0
- K 3
CMYK color chart

● #2ad3f7 color description : Bright cyan.

The hexadecimal color #2ad3f7 has RGB values of R:42, G:211, B:247 and CMYK values of C:0.83, M:0.15, Y:0, K:0.03. Its decimal value is 2806775.

Hex triplet	2ad3f7	`#2ad3f7`
RGB Decimal	42, 211, 247	`rgb(42,211,247)`
RGB Percent	16.5, 82.7, 96.9	`rgb(16.5%,82.7%,96.9%)`
CMYK	83, 15, 0, 3
HSL	190.5°, 92.8, 56.7	`hsl(190.5,92.8%,56.7%)`
HSV (or HSB)	190.5°, 83, 96.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.34, -28.747, -29.263
XYZ	41.033, 53.792, 96.211
xyY	0.215, 0.282, 53.792
CIE-LCH	78.34, 41.021, 225.509
CIE-LUV	78.34, -54.412, -43.152
Hunter-Lab	73.343, -28.486, -26.436
Binary	00101010, 11010011, 11110111

#2ad3f7
```
#2ad3f7 rgb(42,211,247)
```
#f74e2a
```
#f74e2a rgb(247,78,42)
```

Complementary Color

#2af7b5
```
#2af7b5 rgb(42,247,181)
```
#2ad3f7
```
#2ad3f7 rgb(42,211,247)
```
#2a6df7
```
#2a6df7 rgb(42,109,247)
```

Analogous Color

#f7b52a
```
#f7b52a rgb(247,181,42)
```
#2ad3f7
```
#2ad3f7 rgb(42,211,247)
```
#f72a6d
```
#f72a6d rgb(247,42,109)
```

Split Complementary Color

#d3f72a
```
#d3f72a rgb(211,247,42)
```
#2ad3f7
```
#2ad3f7 rgb(42,211,247)
```
#f72ad3
```
#f72ad3 rgb(247,42,211)
```

Triadic Color

#2af74e
```
#2af74e rgb(42,247,78)
```
#2ad3f7
```
#2ad3f7 rgb(42,211,247)
```
#f72ad3
```
#f72ad3 rgb(247,42,211)
```
#f74e2a
```
#f74e2a rgb(247,78,42)
```

Tetradic Color

#08aacd
```
#08aacd rgb(8,170,205)
```
#09bfe5
```
#09bfe5 rgb(9,191,229)
```
#11cef6
```
#11cef6 rgb(17,206,246)
```
#2ad3f7
```
#2ad3f7 rgb(42,211,247)
```
#43d8f8
```
#43d8f8 rgb(67,216,248)
```
#5bddf9
```
#5bddf9 rgb(91,221,249)
```
#74e2fa
```
#74e2fa rgb(116,226,250)
```

Monochromatic Color

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

#2af7e8
```
#2af7e8 rgb(42,247,232)
```
#2af5f7
```
#2af5f7 rgb(42,245,247)
```
#2ae4f7
```
#2ae4f7 rgb(42,228,247)
```
#2ad3f7
```
#2ad3f7 rgb(42,211,247)
```
#2ac2f7
```
#2ac2f7 rgb(42,194,247)
```
#2ab1f7
```
#2ab1f7 rgb(42,177,247)
```
#2aa0f7
```
#2aa0f7 rgb(42,160,247)
```

Similar Colors

Text with hexadecimal color #2ad3f7

This text has a font color of #2ad3f7.

<span style="color:#2ad3f7;">Text here</span>

#2ad3f7 background color

This paragraph has a background color of #2ad3f7.

<p style="background-color:#2ad3f7;">Content here</p>

#2ad3f7 border color

This element has a border color of #2ad3f7.

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

CSS codes

.text {color:#2ad3f7;}

.background {background-color:#2ad3f7;}

.border {border:1px solid #2ad3f7;}

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

#010c0e
```
#010c0e rgb(1,12,14)
```
#011b21
```
#011b21 rgb(1,27,33)
```
#022b34
```
#022b34 rgb(2,43,52)
```
#033b47
```
#033b47 rgb(3,59,71)
```
#034a59
```
#034a59 rgb(3,74,89)
```
#045a6c
```
#045a6c rgb(4,90,108)
```
#056a7f
```
#056a7f rgb(5,106,127)
```
#057992
```
#057992 rgb(5,121,146)
```
#0689a5
```
#0689a5 rgb(6,137,165)
```
#0799b8
```
#0799b8 rgb(7,153,184)
```
#08a9cb
```
#08a9cb rgb(8,169,203)
```
#08b8de
```
#08b8de rgb(8,184,222)
```
#09c8f1
```
#09c8f1 rgb(9,200,241)
```

Shade Color Variation

#17cff6
```
#17cff6 rgb(23,207,246)
```
#2ad3f7
```
#2ad3f7 rgb(42,211,247)
```
#3dd7f8
```
#3dd7f8 rgb(61,215,248)
```
#50dbf8
```
#50dbf8 rgb(80,219,248)
```
#63dff9
```
#63dff9 rgb(99,223,249)
```
#76e3fa
```
#76e3fa rgb(118,227,250)
```
#89e7fb
```
#89e7fb rgb(137,231,251)
```
#9beafb
```
#9beafb rgb(155,234,251)
```
#aeeefc
```
#aeeefc rgb(174,238,252)
```
#c1f2fd
```
#c1f2fd rgb(193,242,253)
```
#d4f6fd
```
#d4f6fd rgb(212,246,253)
```
#e7fafe
```
#e7fafe rgb(231,250,254)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#909191
```
#909191 rgb(144,145,145)
```
#88969a
```
#88969a rgb(136,150,154)
```
#7f9ca2
```
#7f9ca2 rgb(127,156,162)
```
#77a1ab
```
#77a1ab rgb(119,161,171)
```
#6ea7b3
```
#6ea7b3 rgb(110,167,179)
```
#66acbc
```
#66acbc rgb(102,172,188)
```
#5db2c4
```
#5db2c4 rgb(93,178,196)
```
#55b7cd
```
#55b7cd rgb(85,183,205)
```
#4cbdd5
```
#4cbdd5 rgb(76,189,213)
```
#44c2de
```
#44c2de rgb(68,194,222)
```
#3bc8e6
```
#3bc8e6 rgb(59,200,230)
```
#33cdef
```
#33cdef rgb(51,205,239)
```
#2ad3f7
```
#2ad3f7 rgb(42,211,247)
```

Tone Color Variation

Below, you can see how #2ad3f7 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

#a5a5a5 Achromatopsia 0.005% of the population
#8caeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc3eb Protanopia 1% of men
#b5c2fe Deuteranopia 1% of men
#00d8e7 Tritanopia 0.001% of the population

Trichromacy

#86c8ef Protanomaly 1% of men, 0.01% of women
#82c8fc Deuteranomaly 6% of men, 0.4% of women
#0fd6ed Tritanomaly 0.01% of the population

#2ad3f7 hex color

#2ad3f7 Color Information

#2ad3f7 Color Conversion

Color Schemes with #2ad3f7

Alternatives to #2ad3f7

#2ad3f7 Preview

Shades and Tints of #2ad3f7

Tones of #2ad3f7

Color Blindness Simulator