#69e4f2 Color Information
In a RGB color space, hex #69e4f2 is composed of 41.2% red, 89.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 5.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 186.1 degrees, a saturation of 84% and a lightness of 68%. #69e4f2 color hex could be obtained by blending #d2ffff with #00c9e5. Closest websafe color is: #66ccff.
-
- R 41
- G 89
- B 95
-
- C 57
- M 6
- Y 0
- K 5
● #69e4f2 color description : Soft cyan.
#69e4f2 Color Conversion
The hexadecimal color #69e4f2 has RGB values of R:105, G:228, B:242 and CMYK values of C:0.57, M:0.06, Y:0, K:0.05. Its decimal value is 6939890.
Hex triplet | 69e4f2 | #69e4f2 |
---|---|---|
RGB Decimal | 105, 228, 242 | rgb(105,228,242) |
RGB Percent | 41.2, 89.4, 94.9 | rgb(41.2%,89.4%,94.9%) |
CMYK | 57, 6, 0, 5 | |
HSL | 186.1°, 84, 68 | hsl(186.1,84%,68%) |
HSV (or HSB) | 186.1°, 56.6, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 84.431, -30.366, -17.222 |
---|---|
XYZ | 49.592, 64.897, 93.912 |
xyY | 0.238, 0.311, 64.897 |
CIE-LCH | 84.431, 34.909, 209.56 |
CIE-LUV | 84.431, -50.281, -22.716 |
Hunter-Lab | 80.559, -31.094, -12.727 |
Binary | 01101001, 11100100, 11110010 |
Color Schemes with #69e4f2
Alternatives to #69e4f2
Below, you can see some colors close to #69e4f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#69e4f2 Preview
This text has a font color of #69e4f2.
<span style="color:#69e4f2;">Text here</span>
This paragraph has a background color of #69e4f2.
<p style="background-color:#69e4f2;">Content here</p>
This element has a border color of #69e4f2.
<div style="border:1px solid #69e4f2;">Content here</div>
.text {color:#69e4f2;}
.background {background-color:#69e4f2;}
.border {border:1px solid #69e4f2;}
Shades and Tints of #69e4f2
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, #010b0c is the darkest color, while #f9feff is the lightest one.
-
#010b0c
#010b0c
rgb(1,11,12)
-
#031c1f
#031c1f
rgb(3,28,31)
-
#042c31
#042c31
rgb(4,44,49)
-
#063c43
#063c43
rgb(6,60,67)
-
#074d55
#074d55
rgb(7,77,85)
-
#095d67
#095d67
rgb(9,93,103)
-
#0a6d79
#0a6d79
rgb(10,109,121)
-
#0c7e8b
#0c7e8b
rgb(12,126,139)
-
#0e8e9d
#0e8e9d
rgb(14,142,157)
-
#0f9faf
#0f9faf
rgb(15,159,175)
-
#11afc1
#11afc1
rgb(17,175,193)
-
#12bfd3
#12bfd3
rgb(18,191,211)
-
#14d0e5
#14d0e5
rgb(20,208,229)
-
#21d7ec
#21d7ec
rgb(33,215,236)
-
#33daed
#33daed
rgb(51,218,237)
-
#45deef
#45deef
rgb(69,222,239)
-
#57e1f0
#57e1f0
rgb(87,225,240)
-
#69e4f2
#69e4f2
rgb(105,228,242)
-
#7be7f4
#7be7f4
rgb(123,231,244)
-
#8deaf5
#8deaf5
rgb(141,234,245)
-
#9feef7
#9feef7
rgb(159,238,247)
-
#b1f1f8
#b1f1f8
rgb(177,241,248)
-
#c3f4fa
#c3f4fa
rgb(195,244,250)
-
#d5f7fb
#d5f7fb
rgb(213,247,251)
-
#e7fbfd
#e7fbfd
rgb(231,251,253)
-
#f9feff
#f9feff
rgb(249,254,255)
Tones of #69e4f2
A tone is produced by adding gray to any pure hue. In this case, #a8b2b3 is the less saturated color, while #5ceeff is the most saturated one.
-
#a8b2b3
#a8b2b3
rgb(168,178,179)
-
#a1b7ba
#a1b7ba
rgb(161,183,186)
-
#9bbcc0
#9bbcc0
rgb(155,188,192)
-
#95c1c6
#95c1c6
rgb(149,193,198)
-
#8fc6cc
#8fc6cc
rgb(143,198,204)
-
#88cbd3
#88cbd3
rgb(136,203,211)
-
#82d0d9
#82d0d9
rgb(130,208,217)
-
#7cd5df
#7cd5df
rgb(124,213,223)
-
#76dae5
#76dae5
rgb(118,218,229)
-
#6fdfec
#6fdfec
rgb(111,223,236)
-
#69e4f2
#69e4f2
rgb(105,228,242)
-
#63e9f8
#63e9f8
rgb(99,233,248)
-
#5ceeff
#5ceeff
rgb(92,238,255)
Color Blindness Simulator
Below, you can see how #69e4f2 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.