#2699b3 hex color

In a RGB color space, hex #2699b3 is composed of 14.9% red, 60% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 14.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 191.1 degrees, a saturation of 65% and a lightness of 42.5%. #2699b3 color hex could be obtained by blending #4cffff with #003367. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 15
- G 60
- B 70
RGB color chart
- C 79
- M 15
- Y 0
- K 30
CMYK color chart

● #2699b3 color description : Strong cyan.

The hexadecimal color #2699b3 has RGB values of R:38, G:153, B:179 and CMYK values of C:0.79, M:0.15, Y:0, K:0.3. Its decimal value is 2529715.

Hex triplet	2699b3	`#2699b3`
RGB Decimal	38, 153, 179	`rgb(38,153,179)`
RGB Percent	14.9, 60, 70.2	`rgb(14.9%,60%,70.2%)`
CMYK	79, 15, 0, 30
HSL	191.1°, 65, 42.5	`hsl(191.1,65%,42.5%)`
HSV (or HSB)	191.1°, 78.8, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.459, -21.948, -22.427
XYZ	20.325, 26.447, 46.679
xyY	0.217, 0.283, 26.447
CIE-LCH	58.459, 31.38, 225.62
CIE-LUV	58.459, -39.441, -31.201
Hunter-Lab	51.427, -19.45, -17.817
Binary	00100110, 10011001, 10110011

#2699b3
```
#2699b3 rgb(38,153,179)
```
#b34026
```
#b34026 rgb(179,64,38)
```

Complementary Color

#26b387
```
#26b387 rgb(38,179,135)
```
#2699b3
```
#2699b3 rgb(38,153,179)
```
#2653b3
```
#2653b3 rgb(38,83,179)
```

Analogous Color

#b38726
```
#b38726 rgb(179,135,38)
```
#2699b3
```
#2699b3 rgb(38,153,179)
```
#b32653
```
#b32653 rgb(179,38,83)
```

Split Complementary Color

#99b326
```
#99b326 rgb(153,179,38)
```
#2699b3
```
#2699b3 rgb(38,153,179)
```
#b32699
```
#b32699 rgb(179,38,153)
```

Triadic Color

#26b340
```
#26b340 rgb(38,179,64)
```
#2699b3
```
#2699b3 rgb(38,153,179)
```
#b32699
```
#b32699 rgb(179,38,153)
```
#b34026
```
#b34026 rgb(179,64,38)
```

Tetradic Color

#196374
```
#196374 rgb(25,99,116)
```
#1d7589
```
#1d7589 rgb(29,117,137)
```
#22879e
```
#22879e rgb(34,135,158)
```
#2699b3
```
#2699b3 rgb(38,153,179)
```
#2aabc8
```
#2aabc8 rgb(42,171,200)
```
#37b8d5
```
#37b8d5 rgb(55,184,213)
```
#4cbfd9
```
#4cbfd9 rgb(76,191,217)
```

Monochromatic Color

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

#26b3aa
```
#26b3aa rgb(38,179,170)
```
#26b1b3
```
#26b1b3 rgb(38,177,179)
```
#26a5b3
```
#26a5b3 rgb(38,165,179)
```
#2699b3
```
#2699b3 rgb(38,153,179)
```
#268db3
```
#268db3 rgb(38,141,179)
```
#2682b3
```
#2682b3 rgb(38,130,179)
```
#2676b3
```
#2676b3 rgb(38,118,179)
```

Similar Colors

Text with hexadecimal color #2699b3

This text has a font color of #2699b3.

<span style="color:#2699b3;">Text here</span>

#2699b3 background color

This paragraph has a background color of #2699b3.

<p style="background-color:#2699b3;">Content here</p>

#2699b3 border color

This element has a border color of #2699b3.

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

CSS codes

.text {color:#2699b3;}

.background {background-color:#2699b3;}

.border {border:1px solid #2699b3;}

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, #000101 is the darkest color, while #f0fafc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#040f11
```
#040f11 rgb(4,15,17)
```
#071d21
```
#071d21 rgb(7,29,33)
```
#0b2a32
```
#0b2a32 rgb(11,42,50)
```
#0e3842
```
#0e3842 rgb(14,56,66)
```
#114652
```
#114652 rgb(17,70,82)
```
#155462
```
#155462 rgb(21,84,98)
```
#186272
```
#186272 rgb(24,98,114)
```
#1c7082
```
#1c7082 rgb(28,112,130)
```
#1f7d93
```
#1f7d93 rgb(31,125,147)
```
#238ba3
```
#238ba3 rgb(35,139,163)
```
#2699b3
```
#2699b3 rgb(38,153,179)
```
#29a7c3
```
#29a7c3 rgb(41,167,195)
```

Shade Color Variation

#2eb4d3
```
#2eb4d3 rgb(46,180,211)
```
#3ebad6
```
#3ebad6 rgb(62,186,214)
```
#4ec0d9
```
#4ec0d9 rgb(78,192,217)
```
#5ec6dd
```
#5ec6dd rgb(94,198,221)
```
#6ecbe0
```
#6ecbe0 rgb(110,203,224)
```
#7fd1e4
```
#7fd1e4 rgb(127,209,228)
```
#8fd7e7
```
#8fd7e7 rgb(143,215,231)
```
#9fddeb
```
#9fddeb rgb(159,221,235)
```
#afe2ee
```
#afe2ee rgb(175,226,238)
```
#bfe8f1
```
#bfe8f1 rgb(191,232,241)
```
#cfeef5
```
#cfeef5 rgb(207,238,245)
```
#e0f4f8
```
#e0f4f8 rgb(224,244,248)
```
#f0fafc
```
#f0fafc rgb(240,250,252)
```

Tint Color Variation

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

#696f70
```
#696f70 rgb(105,111,112)
```
#607479
```
#607479 rgb(96,116,121)
```
#587981
```
#587981 rgb(88,121,129)
```
#507f89
```
#507f89 rgb(80,127,137)
```
#478492
```
#478492 rgb(71,132,146)
```
#3f899a
```
#3f899a rgb(63,137,154)
```
#378ea2
```
#378ea2 rgb(55,142,162)
```
#2e94ab
```
#2e94ab rgb(46,148,171)
```
#2699b3
```
#2699b3 rgb(38,153,179)
```
#1e9ebb
```
#1e9ebb rgb(30,158,187)
```
#15a4c4
```
#15a4c4 rgb(21,164,196)
```
#0da9cc
```
#0da9cc rgb(13,169,204)
```
#05aed4
```
#05aed4 rgb(5,174,212)
```

Tone Color Variation

Below, you can see how #2699b3 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
#698085 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b91ae Protanopia 1% of men
#8790bc Deuteranopia 1% of men
#22a0ac Tritanopia 0.001% of the population

Trichromacy

#6694b0 Protanomaly 1% of men, 0.01% of women
#6493b8 Deuteranomaly 6% of men, 0.4% of women
#249dae Tritanomaly 0.01% of the population

#2699b3 hex color

#2699b3 Color Information

#2699b3 Color Conversion

Color Schemes with #2699b3

Alternatives to #2699b3

#2699b3 Preview

Shades and Tints of #2699b3

Tones of #2699b3

Color Blindness Simulator