colorhexa.com

#0ecae1 hex color

In a RGB color space, hex #0ecae1 is composed of 5.5% red, 79.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 10.2% magenta, 0% yellow and 11.8% black. It has a hue angle of 186.5 degrees, a saturation of 88.3% and a lightness of 46.9%. #0ecae1 color hex could be obtained by blending #1cffff with #0095c3. Closest websafe color is: #00cccc.

- R 5
- G 79
- B 88
RGB color chart
- C 94
- M 10
- Y 0
- K 12
CMYK color chart

● #0ecae1 color description : Vivid cyan.

The hexadecimal color #0ecae1 has RGB values of R:14, G:202, B:225 and CMYK values of C:0.94, M:0.1, Y:0, K:0.12. Its decimal value is 969441.

Hex triplet	0ecae1	`#0ecae1`
RGB Decimal	14, 202, 225	`rgb(14,202,225)`
RGB Percent	5.5, 79.2, 88.2	`rgb(5.5%,79.2%,88.2%)`
CMYK	94, 10, 0, 12
HSL	186.5°, 88.3, 46.9	`hsl(186.5,88.3%,46.9%)`
HSV (or HSB)	186.5°, 93.8, 88.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	74.678, -32.852, -23.079
XYZ	34.888, 47.767, 78.611
xyY	0.216, 0.296, 47.767
CIE-LCH	74.678, 40.149, 215.089
CIE-LUV	74.678, -54.833, -31.911
Hunter-Lab	69.114, -30.843, -19.058
Binary	00001110, 11001010, 11100001

#0ecae1
```
#0ecae1 rgb(14,202,225)
```
#e1250e
```
#e1250e rgb(225,37,14)
```

Complementary Color

#0ee18f
```
#0ee18f rgb(14,225,143)
```
#0ecae1
```
#0ecae1 rgb(14,202,225)
```
#0e60e1
```
#0e60e1 rgb(14,96,225)
```

Analogous Color

#e18f0e
```
#e18f0e rgb(225,143,14)
```
#0ecae1
```
#0ecae1 rgb(14,202,225)
```
#e10e60
```
#e10e60 rgb(225,14,96)
```

Split Complementary Color

#cae10e
```
#cae10e rgb(202,225,14)
```
#0ecae1
```
#0ecae1 rgb(14,202,225)
```
#e10eca
```
#e10eca rgb(225,14,202)
```

Triadic Color

#0ee125
```
#0ee125 rgb(14,225,37)
```
#0ecae1
```
#0ecae1 rgb(14,202,225)
```
#e10eca
```
#e10eca rgb(225,14,202)
```
#e1250e
```
#e1250e rgb(225,37,14)
```

Tetradic Color

#0a8999
```
#0a8999 rgb(10,137,153)
```
#0b9fb1
```
#0b9fb1 rgb(11,159,177)
```
#0db4c9
```
#0db4c9 rgb(13,180,201)
```
#0ecae1
```
#0ecae1 rgb(14,202,225)
```
#18d9f1
```
#18d9f1 rgb(24,217,241)
```
#30ddf2
```
#30ddf2 rgb(48,221,242)
```
#48e1f4
```
#48e1f4 rgb(72,225,244)
```

Monochromatic Color

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

#0ee1c3
```
#0ee1c3 rgb(14,225,195)
```
#0ee1d5
```
#0ee1d5 rgb(14,225,213)
```
#0edce1
```
#0edce1 rgb(14,220,225)
```
#0ecae1
```
#0ecae1 rgb(14,202,225)
```
#0eb8e1
```
#0eb8e1 rgb(14,184,225)
```
#0ea7e1
```
#0ea7e1 rgb(14,167,225)
```
#0e95e1
```
#0e95e1 rgb(14,149,225)
```

Similar Colors

Text with hexadecimal color #0ecae1

This text has a font color of #0ecae1.

<span style="color:#0ecae1;">Text here</span>

#0ecae1 background color

This paragraph has a background color of #0ecae1.

<p style="background-color:#0ecae1;">Content here</p>

#0ecae1 border color

This element has a border color of #0ecae1.

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

CSS codes

.text {color:#0ecae1;}

.background {background-color:#0ecae1;}

.border {border:1px solid #0ecae1;}

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

#000303
```
#000303 rgb(0,3,3)
```
#011416
```
#011416 rgb(1,20,22)
```
#032428
```
#032428 rgb(3,36,40)
```
#04353b
```
#04353b rgb(4,53,59)
```
#05454d
```
#05454d rgb(5,69,77)
```
#065660
```
#065660 rgb(6,86,96)
```
#076772
```
#076772 rgb(7,103,114)
```
#087785
```
#087785 rgb(8,119,133)
```
#098897
```
#098897 rgb(9,136,151)
```
#0b98aa
```
#0b98aa rgb(11,152,170)
```
#0ca9bc
```
#0ca9bc rgb(12,169,188)
```
#0db9cf
```
#0db9cf rgb(13,185,207)
```
#0ecae1
```
#0ecae1 rgb(14,202,225)
```

Shade Color Variation

#12d8f0
```
#12d8f0 rgb(18,216,240)
```
#25dbf1
```
#25dbf1 rgb(37,219,241)
```
#37def3
```
#37def3 rgb(55,222,243)
```
#4ae1f4
```
#4ae1f4 rgb(74,225,244)
```
#5ce4f5
```
#5ce4f5 rgb(92,228,245)
```
#6fe7f6
```
#6fe7f6 rgb(111,231,246)
```
#81eaf7
```
#81eaf7 rgb(129,234,247)
```
#94edf8
```
#94edf8 rgb(148,237,248)
```
#a6f0f9
```
#a6f0f9 rgb(166,240,249)
```
#b9f3fb
```
#b9f3fb rgb(185,243,251)
```
#cbf6fc
```
#cbf6fc rgb(203,246,252)
```
#ddf9fd
```
#ddf9fd rgb(221,249,253)
```
#f0fdfe
```
#f0fdfe rgb(240,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737b7c is the less saturated color, while #05d1ea is the most saturated one.

#737b7c
```
#737b7c rgb(115,123,124)
```
#6a8285
```
#6a8285 rgb(106,130,133)
```
#61898e
```
#61898e rgb(97,137,142)
```
#589097
```
#589097 rgb(88,144,151)
```
#4e98a1
```
#4e98a1 rgb(78,152,161)
```
#459faa
```
#459faa rgb(69,159,170)
```
#3ca6b3
```
#3ca6b3 rgb(60,166,179)
```
#33adbc
```
#33adbc rgb(51,173,188)
```
#2ab4c5
```
#2ab4c5 rgb(42,180,197)
```
#20bccf
```
#20bccf rgb(32,188,207)
```
#17c3d8
```
#17c3d8 rgb(23,195,216)
```
#0ecae1
```
#0ecae1 rgb(14,202,225)
```
#05d1ea
```
#05d1ea rgb(5,209,234)
```

Tone Color Variation

Below, you can see how #0ecae1 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

#949494 Achromatopsia 0.005% of the population
#799fa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bad7 Protanopia 1% of men
#b2b8ea Deuteranopia 1% of men
#00cddc Tritanopia 0.001% of the population

Trichromacy

#78bfda Protanomaly 1% of men, 0.01% of women
#76bee7 Deuteranomaly 6% of men, 0.4% of women
#05ccde Tritanomaly 0.01% of the population