#2ce4f0 hex color

In a RGB color space, hex #2ce4f0 is composed of 17.3% red, 89.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 5% magenta, 0% yellow and 5.9% black. It has a hue angle of 183.7 degrees, a saturation of 86.7% and a lightness of 55.7%. #2ce4f0 color hex could be obtained by blending #58ffff with #00c9e1. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 17
- G 89
- B 94
RGB color chart
- C 82
- M 5
- Y 0
- K 6
CMYK color chart

● #2ce4f0 color description : Bright cyan.

The hexadecimal color #2ce4f0 has RGB values of R:44, G:228, B:240 and CMYK values of C:0.82, M:0.05, Y:0, K:0.06. Its decimal value is 2942192.

Hex triplet	2ce4f0	`#2ce4f0`
RGB Decimal	44, 228, 240	`rgb(44,228,240)`
RGB Percent	17.3, 89.4, 94.1	`rgb(17.3%,89.4%,94.1%)`
CMYK	82, 5, 0, 6
HSL	183.7°, 86.7, 55.7	`hsl(183.7,86.7%,55.7%)`
HSV (or HSB)	183.7°, 81.7, 94.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	83.078, -38.793, -18.332
XYZ	44.506, 62.309, 92.115
xyY	0.224, 0.313, 62.309
CIE-LCH	83.078, 42.907, 205.294
CIE-LUV	83.078, -60.528, -23.405
Hunter-Lab	78.936, -37.497, -13.933
Binary	00101100, 11100100, 11110000

#2ce4f0
```
#2ce4f0 rgb(44,228,240)
```
#f0382c
```
#f0382c rgb(240,56,44)
```

Complementary Color

#2cf09a
```
#2cf09a rgb(44,240,154)
```
#2ce4f0
```
#2ce4f0 rgb(44,228,240)
```
#2c82f0
```
#2c82f0 rgb(44,130,240)
```

Analogous Color

#f09a2c
```
#f09a2c rgb(240,154,44)
```
#2ce4f0
```
#2ce4f0 rgb(44,228,240)
```
#f02c82
```
#f02c82 rgb(240,44,130)
```

Split Complementary Color

#e4f02c
```
#e4f02c rgb(228,240,44)
```
#2ce4f0
```
#2ce4f0 rgb(44,228,240)
```
#f02ce4
```
#f02ce4 rgb(240,44,228)
```

Triadic Color

#2cf038
```
#2cf038 rgb(44,240,56)
```
#2ce4f0
```
#2ce4f0 rgb(44,228,240)
```
#f02ce4
```
#f02ce4 rgb(240,44,228)
```
#f0382c
```
#f0382c rgb(240,56,44)
```

Tetradic Color

#0eb7c2
```
#0eb7c2 rgb(14,183,194)
```
#0fcdda
```
#0fcdda rgb(15,205,218)
```
#14e1ee
```
#14e1ee rgb(20,225,238)
```
#2ce4f0
```
#2ce4f0 rgb(44,228,240)
```
#44e7f2
```
#44e7f2 rgb(68,231,242)
```
#5ceaf3
```
#5ceaf3 rgb(92,234,243)
```
#73edf5
```
#73edf5 rgb(115,237,245)
```

Monochromatic Color

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

#2cf0cb
```
#2cf0cb rgb(44,240,203)
```
#2cf0db
```
#2cf0db rgb(44,240,219)
```
#2cf0ec
```
#2cf0ec rgb(44,240,236)
```
#2ce4f0
```
#2ce4f0 rgb(44,228,240)
```
#2cd4f0
```
#2cd4f0 rgb(44,212,240)
```
#2cc3f0
```
#2cc3f0 rgb(44,195,240)
```
#2cb3f0
```
#2cb3f0 rgb(44,179,240)
```

Similar Colors

Text with hexadecimal color #2ce4f0

This text has a font color of #2ce4f0.

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

#2ce4f0 background color

This paragraph has a background color of #2ce4f0.

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

#2ce4f0 border color

This element has a border color of #2ce4f0.

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

CSS codes

.text {color:#2ce4f0;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#021a1b
```
#021a1b rgb(2,26,27)
```
#032b2d
```
#032b2d rgb(3,43,45)
```
#053c40
```
#053c40 rgb(5,60,64)
```
#064d52
```
#064d52 rgb(6,77,82)
```
#075f64
```
#075f64 rgb(7,95,100)
```
#087077
```
#087077 rgb(8,112,119)
```
#0a8189
```
#0a8189 rgb(10,129,137)
```
#0b929b
```
#0b929b rgb(11,146,155)
```
#0ca4ae
```
#0ca4ae rgb(12,164,174)
```
#0eb5c0
```
#0eb5c0 rgb(14,181,192)
```
#0fc6d2
```
#0fc6d2 rgb(15,198,210)
```
#10d8e5
```
#10d8e5 rgb(16,216,229)
```

Shade Color Variation

#1ae2ef
```
#1ae2ef rgb(26,226,239)
```
#2ce4f0
```
#2ce4f0 rgb(44,228,240)
```
#3ee6f1
```
#3ee6f1 rgb(62,230,241)
```
#51e9f3
```
#51e9f3 rgb(81,233,243)
```
#63ebf4
```
#63ebf4 rgb(99,235,244)
```
#75edf5
```
#75edf5 rgb(117,237,245)
```
#88f0f7
```
#88f0f7 rgb(136,240,247)
```
#9af2f8
```
#9af2f8 rgb(154,242,248)
```
#acf4f9
```
#acf4f9 rgb(172,244,249)
```
#bff7fa
```
#bff7fa rgb(191,247,250)
```
#d1f9fc
```
#d1f9fc rgb(209,249,252)
```
#e3fbfd
```
#e3fbfd rgb(227,251,253)
```
#f5fefe
```
#f5fefe rgb(245,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9090 is the less saturated color, while #23ecf9 is the most saturated one.

#8c9090
```
#8c9090 rgb(140,144,144)
```
#839899
```
#839899 rgb(131,152,153)
```
#7a9fa2
```
#7a9fa2 rgb(122,159,162)
```
#72a7aa
```
#72a7aa rgb(114,167,170)
```
#69afb3
```
#69afb3 rgb(105,175,179)
```
#60b6bc
```
#60b6bc rgb(96,182,188)
```
#57bec5
```
#57bec5 rgb(87,190,197)
```
#4fc5cd
```
#4fc5cd rgb(79,197,205)
```
#46cdd6
```
#46cdd6 rgb(70,205,214)
```
#3dd5df
```
#3dd5df rgb(61,213,223)
```
#35dce7
```
#35dce7 rgb(53,220,231)
```
#2ce4f0
```
#2ce4f0 rgb(44,228,240)
```
#23ecf9
```
#23ecf9 rgb(35,236,249)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#94b9bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd0e4 Protanopia 1% of men
#cfcdf9 Deuteranopia 1% of men
#3de4f5 Tritanopia 0.001% of the population

Trichromacy

#93d7e8 Protanomaly 1% of men, 0.01% of women
#94d5f6 Deuteranomaly 6% of men, 0.4% of women
#36e4f3 Tritanomaly 0.01% of the population

#2ce4f0 hex color

#2ce4f0 Color Information

#2ce4f0 Color Conversion

Color Schemes with #2ce4f0

Alternatives to #2ce4f0

#2ce4f0 Preview

Shades and Tints of #2ce4f0

Tones of #2ce4f0

Color Blindness Simulator