#2baeef hex color

In a RGB color space, hex #2baeef is composed of 16.9% red, 68.2% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 27.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 199.9 degrees, a saturation of 86% and a lightness of 55.3%. #2baeef color hex could be obtained by blending #56ffff with #005ddf. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 17
- G 68
- B 94
RGB color chart
- C 82
- M 27
- Y 0
- K 6
CMYK color chart

● #2baeef color description : Bright blue.

The hexadecimal color #2baeef has RGB values of R:43, G:174, B:239 and CMYK values of C:0.82, M:0.27, Y:0, K:0.06. Its decimal value is 2862831.

Hex triplet	2baeef	`#2baeef`
RGB Decimal	43, 174, 239	`rgb(43,174,239)`
RGB Percent	16.9, 68.2, 93.7	`rgb(16.9%,68.2%,93.7%)`
CMYK	82, 27, 0, 6
HSL	199.9°, 86, 55.3	`hsl(199.9,86%,55.3%)`
HSV (or HSB)	199.9°, 82, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.288, -12.225, -42.08
XYZ	31.708, 37.015, 87.13
xyY	0.203, 0.237, 37.015
CIE-LCH	67.288, 43.82, 253.8
CIE-LUV	67.288, -42.275, -66.165
Hunter-Lab	60.84, -13.439, -42.323
Binary	00101011, 10101110, 11101111

#2baeef
```
#2baeef rgb(43,174,239)
```
#ef6c2b
```
#ef6c2b rgb(239,108,43)
```

Complementary Color

#2befce
```
#2befce rgb(43,239,206)
```
#2baeef
```
#2baeef rgb(43,174,239)
```
#2b4cef
```
#2b4cef rgb(43,76,239)
```

Analogous Color

#efce2b
```
#efce2b rgb(239,206,43)
```
#2baeef
```
#2baeef rgb(43,174,239)
```
#ef2b4c
```
#ef2b4c rgb(239,43,76)
```

Split Complementary Color

#aeef2b
```
#aeef2b rgb(174,239,43)
```
#2baeef
```
#2baeef rgb(43,174,239)
```
#ef2bae
```
#ef2bae rgb(239,43,174)
```

Triadic Color

#2bef6c
```
#2bef6c rgb(43,239,108)
```
#2baeef
```
#2baeef rgb(43,174,239)
```
#ef2bae
```
#ef2bae rgb(239,43,174)
```
#ef6c2b
```
#ef6c2b rgb(239,108,43)
```

Tetradic Color

#0e84bf
```
#0e84bf rgb(14,132,191)
```
#1095d7
```
#1095d7 rgb(16,149,215)
```
#13a5ed
```
#13a5ed rgb(19,165,237)
```
#2baeef
```
#2baeef rgb(43,174,239)
```
#43b7f1
```
#43b7f1 rgb(67,183,241)
```
#5ac0f3
```
#5ac0f3 rgb(90,192,243)
```
#72c9f4
```
#72c9f4 rgb(114,201,244)
```

Monochromatic Color

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

#2bdfef
```
#2bdfef rgb(43,223,239)
```
#2bcfef
```
#2bcfef rgb(43,207,239)
```
#2bbeef
```
#2bbeef rgb(43,190,239)
```
#2baeef
```
#2baeef rgb(43,174,239)
```
#2b9eef
```
#2b9eef rgb(43,158,239)
```
#2b8def
```
#2b8def rgb(43,141,239)
```
#2b7def
```
#2b7def rgb(43,125,239)
```

Similar Colors

Text with hexadecimal color #2baeef

This text has a font color of #2baeef.

<span style="color:#2baeef;">Text here</span>

#2baeef background color

This paragraph has a background color of #2baeef.

<p style="background-color:#2baeef;">Content here</p>

#2baeef border color

This element has a border color of #2baeef.

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

CSS codes

.text {color:#2baeef;}

.background {background-color:#2baeef;}

.border {border:1px solid #2baeef;}

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

#010507
```
#010507 rgb(1,5,7)
```
#021119
```
#021119 rgb(2,17,25)
```
#031e2b
```
#031e2b rgb(3,30,43)
```
#052b3e
```
#052b3e rgb(5,43,62)
```
#063750
```
#063750 rgb(6,55,80)
```
#074462
```
#074462 rgb(7,68,98)
```
#095174
```
#095174 rgb(9,81,116)
```
#0a5d87
```
#0a5d87 rgb(10,93,135)
```
#0c6a99
```
#0c6a99 rgb(12,106,153)
```
#0d77ab
```
#0d77ab rgb(13,119,171)
```
#0e83bd
```
#0e83bd rgb(14,131,189)
```
#1090cf
```
#1090cf rgb(16,144,207)
```
#119de2
```
#119de2 rgb(17,157,226)
```

Shade Color Variation

#19a7ee
```
#19a7ee rgb(25,167,238)
```
#2baeef
```
#2baeef rgb(43,174,239)
```
#3db5f0
```
#3db5f0 rgb(61,181,240)
```
#4fbcf2
```
#4fbcf2 rgb(79,188,242)
```
#62c3f3
```
#62c3f3 rgb(98,195,243)
```
#74caf5
```
#74caf5 rgb(116,202,245)
```
#86d1f6
```
#86d1f6 rgb(134,209,246)
```
#98d8f7
```
#98d8f7 rgb(152,216,247)
```
#abdff9
```
#abdff9 rgb(171,223,249)
```
#bde6fa
```
#bde6fa rgb(189,230,250)
```
#cfedfb
```
#cfedfb rgb(207,237,251)
```
#e1f4fd
```
#e1f4fd rgb(225,244,253)
```
#f4fbfe
```
#f4fbfe rgb(244,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e8f is the less saturated color, while #22b1f8 is the most saturated one.

#8b8e8f
```
#8b8e8f rgb(139,142,143)
```
#839097
```
#839097 rgb(131,144,151)
```
#7a93a0
```
#7a93a0 rgb(122,147,160)
```
#7196a9
```
#7196a9 rgb(113,150,169)
```
#6899b2
```
#6899b2 rgb(104,153,178)
```
#609cba
```
#609cba rgb(96,156,186)
```
#579fc3
```
#579fc3 rgb(87,159,195)
```
#4ea2cc
```
#4ea2cc rgb(78,162,204)
```
#45a5d5
```
#45a5d5 rgb(69,165,213)
```
#3da8dd
```
#3da8dd rgb(61,168,221)
```
#34abe6
```
#34abe6 rgb(52,171,230)
```
#2baeef
```
#2baeef rgb(43,174,239)
```
#22b1f8
```
#22b1f8 rgb(34,177,248)
```

Tone Color Variation

Below, you can see how #2baeef 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

#8e8e8e Achromatopsia 0.005% of the population
#7a94a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a6e7 Protanopia 1% of men
#82a7f4 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#6da9ea Protanomaly 1% of men, 0.01% of women
#62aaf2 Deuteranomaly 6% of men, 0.4% of women
#0fb4d4 Tritanomaly 0.01% of the population

#2baeef hex color

#2baeef Color Information

#2baeef Color Conversion

Color Schemes with #2baeef

Alternatives to #2baeef

#2baeef Preview

Shades and Tints of #2baeef

Tones of #2baeef

Color Blindness Simulator