#2694d3 hex color

In a RGB color space, hex #2694d3 is composed of 14.9% red, 58% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 29.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 201.8 degrees, a saturation of 69.5% and a lightness of 48.8%. #2694d3 color hex could be obtained by blending #4cffff with #0029a7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 15
- G 58
- B 83
RGB color chart
- C 82
- M 30
- Y 0
- K 17
CMYK color chart

● #2694d3 color description : Strong blue.

The hexadecimal color #2694d3 has RGB values of R:38, G:148, B:211 and CMYK values of C:0.82, M:0.3, Y:0, K:0.17. Its decimal value is 2528467.

Hex triplet	2694d3	`#2694d3`
RGB Decimal	38, 148, 211	`rgb(38,148,211)`
RGB Percent	14.9, 58, 82.7	`rgb(14.9%,58%,82.7%)`
CMYK	82, 30, 0, 17
HSL	201.8°, 69.5, 48.8	`hsl(201.8,69.5%,48.8%)`
HSV (or HSB)	201.8°, 82, 82.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.314, -8.092, -40.688
XYZ	23.144, 26.293, 65.48
xyY	0.201, 0.229, 26.293
CIE-LCH	58.314, 41.485, 258.752
CIE-LUV	58.314, -35.674, -62.861
Hunter-Lab	51.277, -9.167, -39.819
Binary	00100110, 10010100, 11010011

#2694d3
```
#2694d3 rgb(38,148,211)
```
#d36526
```
#d36526 rgb(211,101,38)
```

Complementary Color

#26d3bc
```
#26d3bc rgb(38,211,188)
```
#2694d3
```
#2694d3 rgb(38,148,211)
```
#263ed3
```
#263ed3 rgb(38,62,211)
```

Analogous Color

#d3bc26
```
#d3bc26 rgb(211,188,38)
```
#2694d3
```
#2694d3 rgb(38,148,211)
```
#d3263e
```
#d3263e rgb(211,38,62)
```

Split Complementary Color

#94d326
```
#94d326 rgb(148,211,38)
```
#2694d3
```
#2694d3 rgb(38,148,211)
```
#d32694
```
#d32694 rgb(211,38,148)
```

Triadic Color

#26d365
```
#26d365 rgb(38,211,101)
```
#2694d3
```
#2694d3 rgb(38,148,211)
```
#d32694
```
#d32694 rgb(211,38,148)
```
#d36526
```
#d36526 rgb(211,101,38)
```

Tetradic Color

#1a6792
```
#1a6792 rgb(26,103,146)
```
#1e76a8
```
#1e76a8 rgb(30,118,168)
```
#2285bd
```
#2285bd rgb(34,133,189)
```
#2694d3
```
#2694d3 rgb(38,148,211)
```
#379fdb
```
#379fdb rgb(55,159,219)
```
#4daadf
```
#4daadf rgb(77,170,223)
```
#63b4e3
```
#63b4e3 rgb(99,180,227)
```

Monochromatic Color

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

#26bfd3
```
#26bfd3 rgb(38,191,211)
```
#26b1d3
```
#26b1d3 rgb(38,177,211)
```
#26a2d3
```
#26a2d3 rgb(38,162,211)
```
#2694d3
```
#2694d3 rgb(38,148,211)
```
#2686d3
```
#2686d3 rgb(38,134,211)
```
#2677d3
```
#2677d3 rgb(38,119,211)
```
#2669d3
```
#2669d3 rgb(38,105,211)
```

Similar Colors

Text with hexadecimal color #2694d3

This text has a font color of #2694d3.

<span style="color:#2694d3;">Text here</span>

#2694d3 background color

This paragraph has a background color of #2694d3.

<p style="background-color:#2694d3;">Content here</p>

#2694d3 border color

This element has a border color of #2694d3.

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

CSS codes

.text {color:#2694d3;}

.background {background-color:#2694d3;}

.border {border:1px solid #2694d3;}

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, #02080c is the darkest color, while #fafdfe is the lightest one.

#02080c
```
#02080c rgb(2,8,12)
```
#05141c
```
#05141c rgb(5,20,28)
```
#081f2d
```
#081f2d rgb(8,31,45)
```
#0b2b3d
```
#0b2b3d rgb(11,43,61)
```
#0e374e
```
#0e374e rgb(14,55,78)
```
#11425f
```
#11425f rgb(17,66,95)
```
#144e6f
```
#144e6f rgb(20,78,111)
```
#175a80
```
#175a80 rgb(23,90,128)
```
#1a6591
```
#1a6591 rgb(26,101,145)
```
#1d71a1
```
#1d71a1 rgb(29,113,161)
```
#207db2
```
#207db2 rgb(32,125,178)
```
#2388c2
```
#2388c2 rgb(35,136,194)
```
#2694d3
```
#2694d3 rgb(38,148,211)
```

Shade Color Variation

#329dda
```
#329dda rgb(50,157,218)
```
#43a5dd
```
#43a5dd rgb(67,165,221)
```
#54ade0
```
#54ade0 rgb(84,173,224)
```
#64b5e3
```
#64b5e3 rgb(100,181,227)
```
#75bde6
```
#75bde6 rgb(117,189,230)
```
#86c5e9
```
#86c5e9 rgb(134,197,233)
```
#96cdec
```
#96cdec rgb(150,205,236)
```
#a7d5ef
```
#a7d5ef rgb(167,213,239)
```
#b7ddf2
```
#b7ddf2 rgb(183,221,242)
```
#c8e5f5
```
#c8e5f5 rgb(200,229,245)
```
#d9edf8
```
#d9edf8 rgb(217,237,248)
```
#e9f5fb
```
#e9f5fb rgb(233,245,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7d7d is the less saturated color, while #099cf0 is the most saturated one.

#7c7d7d
```
#7c7d7d rgb(124,125,125)
```
#737f86
```
#737f86 rgb(115,127,134)
```
#698290
```
#698290 rgb(105,130,144)
```
#5f849a
```
#5f849a rgb(95,132,154)
```
#5687a3
```
#5687a3 rgb(86,135,163)
```
#4c8aad
```
#4c8aad rgb(76,138,173)
```
#438cb6
```
#438cb6 rgb(67,140,182)
```
#398fc0
```
#398fc0 rgb(57,143,192)
```
#3091c9
```
#3091c9 rgb(48,145,201)
```
#2694d3
```
#2694d3 rgb(38,148,211)
```
#1c97dd
```
#1c97dd rgb(28,151,221)
```
#1399e6
```
#1399e6 rgb(19,153,230)
```
#099cf0
```
#099cf0 rgb(9,156,240)
```

Tone Color Variation

Below, you can see how #2694d3 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

#7a7a7a Achromatopsia 0.005% of the population
#697f8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c90ce Protanopia 1% of men
#6b91d8 Deuteranopia 1% of men
#00a0ab Tritanopia 0.001% of the population

Trichromacy

#5c91cf Protanomaly 1% of men, 0.01% of women
#5292d6 Deuteranomaly 6% of men, 0.4% of women
#0d9bb9 Tritanomaly 0.01% of the population

#2694d3 hex color

#2694d3 Color Information

#2694d3 Color Conversion

Color Schemes with #2694d3

Alternatives to #2694d3

#2694d3 Preview

Shades and Tints of #2694d3

Tones of #2694d3

Color Blindness Simulator