colorhexa.com

#69c4e0 hex color

In a RGB color space, hex #69c4e0 is composed of 41.2% red, 76.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 12.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 194.1 degrees, a saturation of 65.7% and a lightness of 64.5%. #69c4e0 color hex could be obtained by blending #d2ffff with #0089c1. Closest websafe color is: #66cccc.

- R 41
- G 77
- B 88
RGB color chart
- C 53
- M 13
- Y 0
- K 12
CMYK color chart

● #69c4e0 color description : Soft cyan.

The hexadecimal color #69c4e0 has RGB values of R:105, G:196, B:224 and CMYK values of C:0.53, M:0.13, Y:0, K:0.12. Its decimal value is 6931680.

Hex triplet	69c4e0	`#69c4e0`
RGB Decimal	105, 196, 224	`rgb(105,196,224)`
RGB Percent	41.2, 76.9, 87.8	`rgb(41.2%,76.9%,87.8%)`
CMYK	53, 13, 0, 12
HSL	194.1°, 65.7, 64.5	`hsl(194.1,65.7%,64.5%)`
HSV (or HSB)	194.1°, 53.1, 87.8
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.738, -19.514, -22.279
XYZ	39.017, 47.862, 77.699
xyY	0.237, 0.291, 47.862
CIE-LCH	74.738, 29.616, 228.785
CIE-LUV	74.738, -39.063, -32.301
Hunter-Lab	69.183, -20.402, -18.161
Binary	01101001, 11000100, 11100000

#69c4e0
```
#69c4e0 rgb(105,196,224)
```
#e08569
```
#e08569 rgb(224,133,105)
```

Complementary Color

#69e0c1
```
#69e0c1 rgb(105,224,193)
```
#69c4e0
```
#69c4e0 rgb(105,196,224)
```
#6989e0
```
#6989e0 rgb(105,137,224)
```

Analogous Color

#e0c169
```
#e0c169 rgb(224,193,105)
```
#69c4e0
```
#69c4e0 rgb(105,196,224)
```
#e06989
```
#e06989 rgb(224,105,137)
```

Split Complementary Color

#c4e069
```
#c4e069 rgb(196,224,105)
```
#69c4e0
```
#69c4e0 rgb(105,196,224)
```
#e069c4
```
#e069c4 rgb(224,105,196)
```

Triadic Color

#69e085
```
#69e085 rgb(105,224,133)
```
#69c4e0
```
#69c4e0 rgb(105,196,224)
```
#e069c4
```
#e069c4 rgb(224,105,196)
```
#e08569
```
#e08569 rgb(224,133,105)
```

Tetradic Color

#2baad1
```
#2baad1 rgb(43,170,209)
```
#3fb3d7
```
#3fb3d7 rgb(63,179,215)
```
#54bcdc
```
#54bcdc rgb(84,188,220)
```
#69c4e0
```
#69c4e0 rgb(105,196,224)
```
#7ecce4
```
#7ecce4 rgb(126,204,228)
```
#93d5e9
```
#93d5e9 rgb(147,213,233)
```
#a8dded
```
#a8dded rgb(168,221,237)
```

Monochromatic Color

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

#69e0de
```
#69e0de rgb(105,224,222)
```
#69d8e0
```
#69d8e0 rgb(105,216,224)
```
#69cee0
```
#69cee0 rgb(105,206,224)
```
#69c4e0
```
#69c4e0 rgb(105,196,224)
```
#69bae0
```
#69bae0 rgb(105,186,224)
```
#69b0e0
```
#69b0e0 rgb(105,176,224)
```
#69a6e0
```
#69a6e0 rgb(105,166,224)
```

Similar Colors

Text with hexadecimal color #69c4e0

This text has a font color of #69c4e0.

<span style="color:#69c4e0;">Text here</span>

#69c4e0 background color

This paragraph has a background color of #69c4e0.

<p style="background-color:#69c4e0;">Content here</p>

#69c4e0 border color

This element has a border color of #69c4e0.

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

CSS codes

.text {color:#69c4e0;}

.background {background-color:#69c4e0;}

.border {border:1px solid #69c4e0;}

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, #030a0d is the darkest color, while #fbfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#06171d
```
#06171d rgb(6,23,29)
```
#09252d
```
#09252d rgb(9,37,45)
```
#0d323d
```
#0d323d rgb(13,50,61)
```
#103f4e
```
#103f4e rgb(16,63,78)
```
#134c5e
```
#134c5e rgb(19,76,94)
```
#175a6e
```
#175a6e rgb(23,90,110)
```
#1a677e
```
#1a677e rgb(26,103,126)
```
#1d748f
```
#1d748f rgb(29,116,143)
```
#21819f
```
#21819f rgb(33,129,159)
```
#248eaf
```
#248eaf rgb(36,142,175)
```
#289cbf
```
#289cbf rgb(40,156,191)
```
#2ba9d0
```
#2ba9d0 rgb(43,169,208)
```

Shade Color Variation

#38b1d6
```
#38b1d6 rgb(56,177,214)
```
#48b7d9
```
#48b7d9 rgb(72,183,217)
```
#59bedd
```
#59bedd rgb(89,190,221)
```
#69c4e0
```
#69c4e0 rgb(105,196,224)
```
#79cae3
```
#79cae3 rgb(121,202,227)
```
#8ad1e7
```
#8ad1e7 rgb(138,209,231)
```
#9ad7ea
```
#9ad7ea rgb(154,215,234)
```
#aadeed
```
#aadeed rgb(170,222,237)
```
#bae4f1
```
#bae4f1 rgb(186,228,241)
```
#cbeaf4
```
#cbeaf4 rgb(203,234,244)
```
#dbf1f8
```
#dbf1f8 rgb(219,241,248)
```
#ebf7fb
```
#ebf7fb rgb(235,247,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#a1a7a8
```
#a1a7a8 rgb(161,167,168)
```
#9aaaaf
```
#9aaaaf rgb(154,170,175)
```
#93aeb6
```
#93aeb6 rgb(147,174,182)
```
#8cb2bd
```
#8cb2bd rgb(140,178,189)
```
#85b5c4
```
#85b5c4 rgb(133,181,196)
```
#7eb9cb
```
#7eb9cb rgb(126,185,203)
```
#77bdd2
```
#77bdd2 rgb(119,189,210)
```
#70c0d9
```
#70c0d9 rgb(112,192,217)
```
#69c4e0
```
#69c4e0 rgb(105,196,224)
```
#62c8e7
```
#62c8e7 rgb(98,200,231)
```
#5bcbee
```
#5bcbee rgb(91,203,238)
```
#54cff5
```
#54cff5 rgb(84,207,245)
```
#4dd3fc
```
#4dd3fc rgb(77,211,252)
```

Tone Color Variation

Below, you can see how #69c4e0 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

#acacac Achromatopsia 0.005% of the population
#9fb1b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bad9 Protanopia 1% of men
#b5b8e7 Deuteranopia 1% of men
#6cc8d7 Tritanopia 0.001% of the population

Trichromacy

#99bddb Protanomaly 1% of men, 0.01% of women
#99bce4 Deuteranomaly 6% of men, 0.4% of women
#6ac7da Tritanomaly 0.01% of the population