#2ac0f7 hex color

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

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

● #2ac0f7 color description : Bright blue.

The hexadecimal color #2ac0f7 has RGB values of R:42, G:192, B:247 and CMYK values of C:0.83, M:0.22, Y:0, K:0.03. Its decimal value is 2801911.

Hex triplet	2ac0f7	`#2ac0f7`
RGB Decimal	42, 192, 247	`rgb(42,192,247)`
RGB Percent	16.5, 75.3, 96.9	`rgb(16.5%,75.3%,96.9%)`
CMYK	83, 22, 0, 3
HSL	196.1°, 92.8, 56.7	`hsl(196.1,92.8%,56.7%)`
HSV (or HSB)	196.1°, 83, 96.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.828, -19.156, -37.777
XYZ	36.589, 44.903, 94.729
xyY	0.208, 0.255, 44.903
CIE-LCH	72.828, 42.356, 243.111
CIE-LUV	72.828, -47.955, -58.605
Hunter-Lab	67.01, -19.804, -36.909
Binary	00101010, 11000000, 11110111

#2ac0f7
```
#2ac0f7 rgb(42,192,247)
```
#f7612a
```
#f7612a rgb(247,97,42)
```

Complementary Color

#2af7c8
```
#2af7c8 rgb(42,247,200)
```
#2ac0f7
```
#2ac0f7 rgb(42,192,247)
```
#2a59f7
```
#2a59f7 rgb(42,89,247)
```

Analogous Color

#f7c82a
```
#f7c82a rgb(247,200,42)
```
#2ac0f7
```
#2ac0f7 rgb(42,192,247)
```
#f72a59
```
#f72a59 rgb(247,42,89)
```

Split Complementary Color

#c0f72a
```
#c0f72a rgb(192,247,42)
```
#2ac0f7
```
#2ac0f7 rgb(42,192,247)
```
#f72ac0
```
#f72ac0 rgb(247,42,192)
```

Triadic Color

#2af761
```
#2af761 rgb(42,247,97)
```
#2ac0f7
```
#2ac0f7 rgb(42,192,247)
```
#f72ac0
```
#f72ac0 rgb(247,42,192)
```
#f7612a
```
#f7612a rgb(247,97,42)
```

Tetradic Color

#0898cd
```
#0898cd rgb(8,152,205)
```
#09aae5
```
#09aae5 rgb(9,170,229)
```
#11b9f6
```
#11b9f6 rgb(17,185,246)
```
#2ac0f7
```
#2ac0f7 rgb(42,192,247)
```
#43c7f8
```
#43c7f8 rgb(67,199,248)
```
#5bcff9
```
#5bcff9 rgb(91,207,249)
```
#74d6fa
```
#74d6fa rgb(116,214,250)
```

Monochromatic Color

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

#2af3f7
```
#2af3f7 rgb(42,243,247)
```
#2ae2f7
```
#2ae2f7 rgb(42,226,247)
```
#2ad1f7
```
#2ad1f7 rgb(42,209,247)
```
#2ac0f7
```
#2ac0f7 rgb(42,192,247)
```
#2aaff7
```
#2aaff7 rgb(42,175,247)
```
#2a9ef7
```
#2a9ef7 rgb(42,158,247)
```
#2a8df7
```
#2a8df7 rgb(42,141,247)
```

Similar Colors

Text with hexadecimal color #2ac0f7

This text has a font color of #2ac0f7.

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

#2ac0f7 background color

This paragraph has a background color of #2ac0f7.

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

#2ac0f7 border color

This element has a border color of #2ac0f7.

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

CSS codes

.text {color:#2ac0f7;}

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

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

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

#010a0e
```
#010a0e rgb(1,10,14)
```
#011821
```
#011821 rgb(1,24,33)
```
#022634
```
#022634 rgb(2,38,52)
```
#033447
```
#033447 rgb(3,52,71)
```
#034259
```
#034259 rgb(3,66,89)
```
#04506c
```
#04506c rgb(4,80,108)
```
#055e7f
```
#055e7f rgb(5,94,127)
```
#056c92
```
#056c92 rgb(5,108,146)
```
#067aa5
```
#067aa5 rgb(6,122,165)
```
#0788b8
```
#0788b8 rgb(7,136,184)
```
#0897cb
```
#0897cb rgb(8,151,203)
```
#08a5de
```
#08a5de rgb(8,165,222)
```
#09b3f1
```
#09b3f1 rgb(9,179,241)
```

Shade Color Variation

#17baf6
```
#17baf6 rgb(23,186,246)
```
#2ac0f7
```
#2ac0f7 rgb(42,192,247)
```
#3dc6f8
```
#3dc6f8 rgb(61,198,248)
```
#50cbf8
```
#50cbf8 rgb(80,203,248)
```
#63d1f9
```
#63d1f9 rgb(99,209,249)
```
#76d6fa
```
#76d6fa rgb(118,214,250)
```
#89dcfb
```
#89dcfb rgb(137,220,251)
```
#9be2fb
```
#9be2fb rgb(155,226,251)
```
#aee7fc
```
#aee7fc rgb(174,231,252)
```
#c1edfd
```
#c1edfd rgb(193,237,253)
```
#d4f2fd
```
#d4f2fd rgb(212,242,253)
```
#e7f8fe
```
#e7f8fe rgb(231,248,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 #2ac0f7 is the most saturated one.

#909191
```
#909191 rgb(144,145,145)
```
#88959a
```
#88959a rgb(136,149,154)
```
#7f99a2
```
#7f99a2 rgb(127,153,162)
```
#779dab
```
#779dab rgb(119,157,171)
```
#6ea0b3
```
#6ea0b3 rgb(110,160,179)
```
#66a4bc
```
#66a4bc rgb(102,164,188)
```
#5da8c4
```
#5da8c4 rgb(93,168,196)
```
#55accd
```
#55accd rgb(85,172,205)
```
#4cb0d5
```
#4cb0d5 rgb(76,176,213)
```
#44b4de
```
#44b4de rgb(68,180,222)
```
#3bb8e6
```
#3bb8e6 rgb(59,184,230)
```
#33bcef
```
#33bcef rgb(51,188,239)
```
#2ac0f7
```
#2ac0f7 rgb(42,192,247)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#83a1ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b4ed Protanopia 1% of men
#99b5fd Deuteranopia 1% of men
#00c8d6 Tritanopia 0.001% of the population

Trichromacy

#78b8f0 Protanomaly 1% of men, 0.01% of women
#71b9fa Deuteranomaly 6% of men, 0.4% of women
#0fc5e2 Tritanomaly 0.01% of the population

#2ac0f7 hex color

#2ac0f7 Color Information

#2ac0f7 Color Conversion

Color Schemes with #2ac0f7

Alternatives to #2ac0f7

#2ac0f7 Preview

Shades and Tints of #2ac0f7

Tones of #2ac0f7

Color Blindness Simulator