#2699b4 hex color

In a RGB color space, hex #2699b4 is composed of 14.9% red, 60% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 15% magenta, 0% yellow and 29.4% black. It has a hue angle of 191.4 degrees, a saturation of 65.1% and a lightness of 42.7%. #2699b4 color hex could be obtained by blending #4cffff with #003369. Closest websafe color is: #3399cc.

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

● #2699b4 color description : Strong cyan.

The hexadecimal color #2699b4 has RGB values of R:38, G:153, B:180 and CMYK values of C:0.79, M:0.15, Y:0, K:0.29. Its decimal value is 2529716.

Hex triplet	2699b4	`#2699b4`
RGB Decimal	38, 153, 180	`rgb(38,153,180)`
RGB Percent	14.9, 60, 70.6	`rgb(14.9%,60%,70.6%)`
CMYK	79, 15, 0, 29
HSL	191.4°, 65.1, 42.7	`hsl(191.4,65.1%,42.7%)`
HSV (or HSB)	191.4°, 78.9, 70.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.497, -21.615, -22.935
XYZ	20.427, 26.488, 47.214
xyY	0.217, 0.281, 26.488
CIE-LCH	58.497, 31.516, 226.698
CIE-LUV	58.497, -39.374, -32.069
Hunter-Lab	51.466, -19.221, -18.364
Binary	00100110, 10011001, 10110100

#2699b4
```
#2699b4 rgb(38,153,180)
```
#b44126
```
#b44126 rgb(180,65,38)
```

Complementary Color

#26b488
```
#26b488 rgb(38,180,136)
```
#2699b4
```
#2699b4 rgb(38,153,180)
```
#2652b4
```
#2652b4 rgb(38,82,180)
```

Analogous Color

#b48826
```
#b48826 rgb(180,136,38)
```
#2699b4
```
#2699b4 rgb(38,153,180)
```
#b42652
```
#b42652 rgb(180,38,82)
```

Split Complementary Color

#99b426
```
#99b426 rgb(153,180,38)
```
#2699b4
```
#2699b4 rgb(38,153,180)
```
#b42699
```
#b42699 rgb(180,38,153)
```

Triadic Color

#26b441
```
#26b441 rgb(38,180,65)
```
#2699b4
```
#2699b4 rgb(38,153,180)
```
#b42699
```
#b42699 rgb(180,38,153)
```
#b44126
```
#b44126 rgb(180,65,38)
```

Tetradic Color

#196375
```
#196375 rgb(25,99,117)
```
#1d758a
```
#1d758a rgb(29,117,138)
```
#22879f
```
#22879f rgb(34,135,159)
```
#2699b4
```
#2699b4 rgb(38,153,180)
```
#2aabc9
```
#2aabc9 rgb(42,171,201)
```
#38b7d5
```
#38b7d5 rgb(56,183,213)
```
#4dbfd9
```
#4dbfd9 rgb(77,191,217)
```

Monochromatic Color

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

#26b4ac
```
#26b4ac rgb(38,180,172)
```
#26b1b4
```
#26b1b4 rgb(38,177,180)
```
#26a5b4
```
#26a5b4 rgb(38,165,180)
```
#2699b4
```
#2699b4 rgb(38,153,180)
```
#268db4
```
#268db4 rgb(38,141,180)
```
#2681b4
```
#2681b4 rgb(38,129,180)
```
#2676b4
```
#2676b4 rgb(38,118,180)
```

Similar Colors

Text with hexadecimal color #2699b4

This text has a font color of #2699b4.

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

#2699b4 background color

This paragraph has a background color of #2699b4.

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

#2699b4 border color

This element has a border color of #2699b4.

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

CSS codes

.text {color:#2699b4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#040f12
```
#040f12 rgb(4,15,18)
```
#071d22
```
#071d22 rgb(7,29,34)
```
#0b2b32
```
#0b2b32 rgb(11,43,50)
```
#0e3943
```
#0e3943 rgb(14,57,67)
```
#114653
```
#114653 rgb(17,70,83)
```
#155463
```
#155463 rgb(21,84,99)
```
#186273
```
#186273 rgb(24,98,115)
```
#1c7083
```
#1c7083 rgb(28,112,131)
```
#1f7d94
```
#1f7d94 rgb(31,125,148)
```
#238ba4
```
#238ba4 rgb(35,139,164)
```
#2699b4
```
#2699b4 rgb(38,153,180)
```
#29a7c4
```
#29a7c4 rgb(41,167,196)
```

Shade Color Variation

#2eb4d3
```
#2eb4d3 rgb(46,180,211)
```
#3eb9d6
```
#3eb9d6 rgb(62,185,214)
```
#4fbfda
```
#4fbfda rgb(79,191,218)
```
#5fc5dd
```
#5fc5dd rgb(95,197,221)
```
#6fcbe1
```
#6fcbe1 rgb(111,203,225)
```
#7fd1e4
```
#7fd1e4 rgb(127,209,228)
```
#8fd7e7
```
#8fd7e7 rgb(143,215,231)
```
#a0ddeb
```
#a0ddeb rgb(160,221,235)
```
#b0e2ee
```
#b0e2ee rgb(176,226,238)
```
#c0e8f2
```
#c0e8f2 rgb(192,232,242)
```
#d0eef5
```
#d0eef5 rgb(208,238,245)
```
#e0f4f9
```
#e0f4f9 rgb(224,244,249)
```
#f1fafc
```
#f1fafc rgb(241,250,252)
```

Tint Color Variation

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

#696f71
```
#696f71 rgb(105,111,113)
```
#617579
```
#617579 rgb(97,117,121)
```
#587a82
```
#587a82 rgb(88,122,130)
```
#507f8a
```
#507f8a rgb(80,127,138)
```
#488492
```
#488492 rgb(72,132,146)
```
#3f899b
```
#3f899b rgb(63,137,155)
```
#378fa3
```
#378fa3 rgb(55,143,163)
```
#2e94ac
```
#2e94ac rgb(46,148,172)
```
#2699b4
```
#2699b4 rgb(38,153,180)
```
#1e9ebc
```
#1e9ebc rgb(30,158,188)
```
#15a3c5
```
#15a3c5 rgb(21,163,197)
```
#0da9cd
```
#0da9cd rgb(13,169,205)
```
#04aed6
```
#04aed6 rgb(4,174,214)
```

Tone Color Variation

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

Dichromacy

#8b91af Protanopia 1% of men
#8790bd Deuteranopia 1% of men
#21a0ac Tritanopia 0.001% of the population

Trichromacy

#6694b1 Protanomaly 1% of men, 0.01% of women
#6393b9 Deuteranomaly 6% of men, 0.4% of women
#239daf Tritanomaly 0.01% of the population

#2699b4 hex color

#2699b4 Color Information

#2699b4 Color Conversion

Color Schemes with #2699b4

Alternatives to #2699b4

#2699b4 Preview

Shades and Tints of #2699b4

Tones of #2699b4

Color Blindness Simulator