#0ecde9 hex color

In a RGB color space, hex #0ecde9 is composed of 5.5% red, 80.4% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 94% cyan, 12% magenta, 0% yellow and 8.6% black. It has a hue angle of 187.7 degrees, a saturation of 88.7% and a lightness of 48.4%. #0ecde9 color hex could be obtained by blending #1cffff with #009bd3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 80
- B 91
RGB color chart
- C 94
- M 12
- Y 0
- K 9
CMYK color chart

● #0ecde9 color description : Vivid cyan.

The hexadecimal color #0ecde9 has RGB values of R:14, G:205, B:233 and CMYK values of C:0.94, M:0.12, Y:0, K:0.09. Its decimal value is 970217.

Hex triplet	0ecde9	`#0ecde9`
RGB Decimal	14, 205, 233	`rgb(14,205,233)`
RGB Percent	5.5, 80.4, 91.4	`rgb(5.5%,80.4%,91.4%)`
CMYK	94, 12, 0, 9
HSL	187.7°, 88.7, 48.4	`hsl(187.7,88.7%,48.4%)`
HSV (or HSB)	187.7°, 94, 91.4
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.845, -31.737, -25.607
XYZ	36.716, 49.635, 84.732
xyY	0.215, 0.29, 49.635
CIE-LCH	75.845, 40.779, 218.899
CIE-LUV	75.845, -55.217, -36.391
Hunter-Lab	70.452, -30.267, -21.99
Binary	00001110, 11001101, 11101001

#0ecde9
```
#0ecde9 rgb(14,205,233)
```
#e92a0e
```
#e92a0e rgb(233,42,14)
```

Complementary Color

#0ee998
```
#0ee998 rgb(14,233,152)
```
#0ecde9
```
#0ecde9 rgb(14,205,233)
```
#0e60e9
```
#0e60e9 rgb(14,96,233)
```

Analogous Color

#e9980e
```
#e9980e rgb(233,152,14)
```
#0ecde9
```
#0ecde9 rgb(14,205,233)
```
#e90e60
```
#e90e60 rgb(233,14,96)
```

Split Complementary Color

#cde90e
```
#cde90e rgb(205,233,14)
```
#0ecde9
```
#0ecde9 rgb(14,205,233)
```
#e90ecd
```
#e90ecd rgb(233,14,205)
```

Triadic Color

#0ee92a
```
#0ee92a rgb(14,233,42)
```
#0ecde9
```
#0ecde9 rgb(14,205,233)
```
#e90ecd
```
#e90ecd rgb(233,14,205)
```
#e92a0e
```
#e92a0e rgb(233,42,14)
```

Tetradic Color

#0a8ea1
```
#0a8ea1 rgb(10,142,161)
```
#0ba3b9
```
#0ba3b9 rgb(11,163,185)
```
#0db8d1
```
#0db8d1 rgb(13,184,209)
```
#0ecde9
```
#0ecde9 rgb(14,205,233)
```
#1fd7f2
```
#1fd7f2 rgb(31,215,242)
```
#37dbf3
```
#37dbf3 rgb(55,219,243)
```
#4fdff4
```
#4fdff4 rgb(79,223,244)
```

Monochromatic Color

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

#0ee9ce
```
#0ee9ce rgb(14,233,206)
```
#0ee9e1
```
#0ee9e1 rgb(14,233,225)
```
#0edfe9
```
#0edfe9 rgb(14,223,233)
```
#0ecde9
```
#0ecde9 rgb(14,205,233)
```
#0ebbe9
```
#0ebbe9 rgb(14,187,233)
```
#0ea9e9
```
#0ea9e9 rgb(14,169,233)
```
#0e96e9
```
#0e96e9 rgb(14,150,233)
```

Similar Colors

Text with hexadecimal color #0ecde9

This text has a font color of #0ecde9.

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

#0ecde9 background color

This paragraph has a background color of #0ecde9.

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

#0ecde9 border color

This element has a border color of #0ecde9.

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

CSS codes

.text {color:#0ecde9;}

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

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

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

#010a0b
```
#010a0b rgb(1,10,11)
```
#021a1d
```
#021a1d rgb(2,26,29)
```
#032a30
```
#032a30 rgb(3,42,48)
```
#043a42
```
#043a42 rgb(4,58,66)
```
#054b55
```
#054b55 rgb(5,75,85)
```
#065b67
```
#065b67 rgb(6,91,103)
```
#076b7a
```
#076b7a rgb(7,107,122)
```
#087c8c
```
#087c8c rgb(8,124,140)
```
#0a8c9f
```
#0a8c9f rgb(10,140,159)
```
#0b9cb1
```
#0b9cb1 rgb(11,156,177)
```
#0cacc4
```
#0cacc4 rgb(12,172,196)
```
#0dbdd6
```
#0dbdd6 rgb(13,189,214)
```
#0ecde9
```
#0ecde9 rgb(14,205,233)
```

Shade Color Variation

#19d6f1
```
#19d6f1 rgb(25,214,241)
```
#2cd9f2
```
#2cd9f2 rgb(44,217,242)
```
#3edcf3
```
#3edcf3 rgb(62,220,243)
```
#51e0f5
```
#51e0f5 rgb(81,224,245)
```
#63e3f6
```
#63e3f6 rgb(99,227,246)
```
#76e6f7
```
#76e6f7 rgb(118,230,247)
```
#88eaf8
```
#88eaf8 rgb(136,234,248)
```
#9bedf9
```
#9bedf9 rgb(155,237,249)
```
#adf0fa
```
#adf0fa rgb(173,240,250)
```
#c0f4fb
```
#c0f4fb rgb(192,244,251)
```
#d2f7fc
```
#d2f7fc rgb(210,247,252)
```
#e5fafd
```
#e5fafd rgb(229,250,253)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#777f81
```
#777f81 rgb(119,127,129)
```
#6d868a
```
#6d868a rgb(109,134,138)
```
#648d94
```
#648d94 rgb(100,141,148)
```
#5a949d
```
#5a949d rgb(90,148,157)
```
#519ca7
```
#519ca7 rgb(81,156,167)
```
#47a3b0
```
#47a3b0 rgb(71,163,176)
```
#3eaaba
```
#3eaaba rgb(62,170,186)
```
#34b1c3
```
#34b1c3 rgb(52,177,195)
```
#2bb8cd
```
#2bb8cd rgb(43,184,205)
```
#21bfd6
```
#21bfd6 rgb(33,191,214)
```
#18c6e0
```
#18c6e0 rgb(24,198,224)
```
#0ecde9
```
#0ecde9 rgb(14,205,233)
```
#05d4f3
```
#05d4f3 rgb(5,212,243)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#7ca2a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bcde Protanopia 1% of men
#b2bbf1 Deuteranopia 1% of men
#00d0e0 Tritanopia 0.001% of the population

Trichromacy

#79c2e2 Protanomaly 1% of men, 0.01% of women
#76c1ee Deuteranomaly 6% of men, 0.4% of women
#05cfe3 Tritanomaly 0.01% of the population

#0ecde9 hex color

#0ecde9 Color Information

#0ecde9 Color Conversion

Color Schemes with #0ecde9

Alternatives to #0ecde9

#0ecde9 Preview

Shades and Tints of #0ecde9

Tones of #0ecde9

Color Blindness Simulator