#69d3f3 Color Information
In a RGB color space, hex #69d3f3 is composed of 41.2% red, 82.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 13.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 193.9 degrees, a saturation of 85.2% and a lightness of 68.2%. #69d3f3 color hex could be obtained by blending #d2ffff with #00a7e7. Closest websafe color is: #66ccff.
-
- R 41
- G 83
- B 95
-
- C 57
- M 13
- Y 0
- K 5
● #69d3f3 color description : Soft cyan.
#69d3f3 Color Conversion
The hexadecimal color #69d3f3 has RGB values of R:105, G:211, B:243 and CMYK values of C:0.57, M:0.13, Y:0, K:0.05. Its decimal value is 6935539.
Hex triplet | 69d3f3 | #69d3f3 |
---|---|---|
RGB Decimal | 105, 211, 243 | rgb(105,211,243) |
RGB Percent | 41.2, 82.7, 95.3 | rgb(41.2%,82.7%,95.3%) |
CMYK | 57, 13, 0, 5 | |
HSL | 193.9°, 85.2, 68.2 | hsl(193.9,85.2%,68.2%) |
HSV (or HSB) | 193.9°, 56.8, 95.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 79.648, -21.732, -25.001 |
---|---|
XYZ | 45.293, 56.06, 93.223 |
xyY | 0.233, 0.288, 56.06 |
CIE-LCH | 79.648, 33.126, 229.002 |
CIE-LUV | 79.648, -43.944, -36.836 |
Hunter-Lab | 74.873, -23.047, -21.41 |
Binary | 01101001, 11010011, 11110011 |
Color Schemes with #69d3f3
Alternatives to #69d3f3
Below, you can see some colors close to #69d3f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#69d3f3 Preview
This text has a font color of #69d3f3.
<span style="color:#69d3f3;">Text here</span>
This paragraph has a background color of #69d3f3.
<p style="background-color:#69d3f3;">Content here</p>
This element has a border color of #69d3f3.
<div style="border:1px solid #69d3f3;">Content here</div>
.text {color:#69d3f3;}
.background {background-color:#69d3f3;}
.border {border:1px solid #69d3f3;}
Shades and Tints of #69d3f3
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, #010b0d is the darkest color, while #fafeff is the lightest one.
-
#010b0d
#010b0d
rgb(1,11,13)
-
#031920
#031920
rgb(3,25,32)
-
#042732
#042732
rgb(4,39,50)
-
#053544
#053544
rgb(5,53,68)
-
#074456
#074456
rgb(7,68,86)
-
#085268
#085268
rgb(8,82,104)
-
#0a607a
#0a607a
rgb(10,96,122)
-
#0b6f8d
#0b6f8d
rgb(11,111,141)
-
#0d7d9f
#0d7d9f
rgb(13,125,159)
-
#0e8bb1
#0e8bb1
rgb(14,139,177)
-
#1099c3
#1099c3
rgb(16,153,195)
-
#11a8d5
#11a8d5
rgb(17,168,213)
-
#13b6e7
#13b6e7
rgb(19,182,231)
-
#20beed
#20beed
rgb(32,190,237)
-
#33c3ef
#33c3ef
rgb(51,195,239)
-
#45c8f0
#45c8f0
rgb(69,200,240)
-
#57cef2
#57cef2
rgb(87,206,242)
-
#69d3f3
#69d3f3
rgb(105,211,243)
-
#7bd8f4
#7bd8f4
rgb(123,216,244)
-
#8ddef6
#8ddef6
rgb(141,222,246)
-
#9fe3f7
#9fe3f7
rgb(159,227,247)
-
#b2e8f9
#b2e8f9
rgb(178,232,249)
-
#c4eefa
#c4eefa
rgb(196,238,250)
-
#d6f3fc
#d6f3fc
rgb(214,243,252)
-
#e8f8fd
#e8f8fd
rgb(232,248,253)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #69d3f3
A tone is produced by adding gray to any pure hue. In this case, #aeaeae is the less saturated color, while #63d6f9 is the most saturated one.
-
#aeaeae
#aeaeae
rgb(174,174,174)
-
#a7b2b5
#a7b2b5
rgb(167,178,181)
-
#a1b5bb
#a1b5bb
rgb(161,181,187)
-
#9bb8c1
#9bb8c1
rgb(155,184,193)
-
#95bcc7
#95bcc7
rgb(149,188,199)
-
#8ebfce
#8ebfce
rgb(142,191,206)
-
#88c2d4
#88c2d4
rgb(136,194,212)
-
#82c6da
#82c6da
rgb(130,198,218)
-
#7cc9e0
#7cc9e0
rgb(124,201,224)
-
#75cce7
#75cce7
rgb(117,204,231)
-
#6fd0ed
#6fd0ed
rgb(111,208,237)
-
#69d3f3
#69d3f3
rgb(105,211,243)
-
#63d6f9
#63d6f9
rgb(99,214,249)
Color Blindness Simulator
Below, you can see how #69d3f3 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.