#2a9cf3 hex color

In a RGB color space, hex #2a9cf3 is composed of 16.5% red, 61.2% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 35.8% magenta, 0% yellow and 4.7% black. It has a hue angle of 206 degrees, a saturation of 89.3% and a lightness of 55.9%. #2a9cf3 color hex could be obtained by blending #54ffff with #0039e7. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 16
- G 61
- B 95
RGB color chart
- C 83
- M 36
- Y 0
- K 5
CMYK color chart

● #2a9cf3 color description : Bright blue.

The hexadecimal color #2a9cf3 has RGB values of R:42, G:156, B:243 and CMYK values of C:0.83, M:0.36, Y:0, K:0.05. Its decimal value is 2792691.

Hex triplet	2a9cf3	`#2a9cf3`
RGB Decimal	42, 156, 243	`rgb(42,156,243)`
RGB Percent	16.5, 61.2, 95.3	`rgb(16.5%,61.2%,95.3%)`
CMYK	83, 36, 0, 5
HSL	206°, 89.3, 55.9	`hsl(206,89.3%,55.9%)`
HSV (or HSB)	206°, 82.7, 95.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	62.286, -0.765, -52.159
XYZ	29.017, 30.738, 89.193
xyY	0.195, 0.206, 30.738
CIE-LCH	62.286, 52.165, 269.16
CIE-LUV	62.286, -36.151, -83.573
Hunter-Lab	55.442, -3.599, -56.575
Binary	00101010, 10011100, 11110011

#2a9cf3
```
#2a9cf3 rgb(42,156,243)
```
#f3812a
```
#f3812a rgb(243,129,42)
```

Complementary Color

#2af3e6
```
#2af3e6 rgb(42,243,230)
```
#2a9cf3
```
#2a9cf3 rgb(42,156,243)
```
#2a38f3
```
#2a38f3 rgb(42,56,243)
```

Analogous Color

#f3e62a
```
#f3e62a rgb(243,230,42)
```
#2a9cf3
```
#2a9cf3 rgb(42,156,243)
```
#f32a38
```
#f32a38 rgb(243,42,56)
```

Split Complementary Color

#9cf32a
```
#9cf32a rgb(156,243,42)
```
#2a9cf3
```
#2a9cf3 rgb(42,156,243)
```
#f32a9c
```
#f32a9c rgb(243,42,156)
```

Triadic Color

#2af381
```
#2af381 rgb(42,243,129)
```
#2a9cf3
```
#2a9cf3 rgb(42,156,243)
```
#f32a9c
```
#f32a9c rgb(243,42,156)
```
#f3812a
```
#f3812a rgb(243,129,42)
```

Tetradic Color

#0b75c5
```
#0b75c5 rgb(11,117,197)
```
#0c83de
```
#0c83de rgb(12,131,222)
```
#1291f2
```
#1291f2 rgb(18,145,242)
```
#2a9cf3
```
#2a9cf3 rgb(42,156,243)
```
#42a7f4
```
#42a7f4 rgb(66,167,244)
```
#5ab2f6
```
#5ab2f6 rgb(90,178,246)
```
#72bef7
```
#72bef7 rgb(114,190,247)
```

Monochromatic Color

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

#2acef3
```
#2acef3 rgb(42,206,243)
```
#2abef3
```
#2abef3 rgb(42,190,243)
```
#2aadf3
```
#2aadf3 rgb(42,173,243)
```
#2a9cf3
```
#2a9cf3 rgb(42,156,243)
```
#2a8bf3
```
#2a8bf3 rgb(42,139,243)
```
#2a7bf3
```
#2a7bf3 rgb(42,123,243)
```
#2a6af3
```
#2a6af3 rgb(42,106,243)
```

Similar Colors

Text with hexadecimal color #2a9cf3

This text has a font color of #2a9cf3.

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

#2a9cf3 background color

This paragraph has a background color of #2a9cf3.

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

#2a9cf3 border color

This element has a border color of #2a9cf3.

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

CSS codes

.text {color:#2a9cf3;}

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

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

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, #01060a is the darkest color, while #f6fbff is the lightest one.

#01060a
```
#01060a rgb(1,6,10)
```
#02111c
```
#02111c rgb(2,17,28)
```
#031c2f
```
#031c2f rgb(3,28,47)
```
#042742
```
#042742 rgb(4,39,66)
```
#053254
```
#053254 rgb(5,50,84)
```
#063d67
```
#063d67 rgb(6,61,103)
```
#074879
```
#074879 rgb(7,72,121)
```
#08538c
```
#08538c rgb(8,83,140)
```
#095e9e
```
#095e9e rgb(9,94,158)
```
#0a69b1
```
#0a69b1 rgb(10,105,177)
```
#0b74c4
```
#0b74c4 rgb(11,116,196)
```
#0c7fd6
```
#0c7fd6 rgb(12,127,214)
```
#0d8ae9
```
#0d8ae9 rgb(13,138,233)
```

Shade Color Variation

#1793f2
```
#1793f2 rgb(23,147,242)
```
#2a9cf3
```
#2a9cf3 rgb(42,156,243)
```
#3da5f4
```
#3da5f4 rgb(61,165,244)
```
#4fadf5
```
#4fadf5 rgb(79,173,245)
```
#62b6f6
```
#62b6f6 rgb(98,182,246)
```
#74bff7
```
#74bff7 rgb(116,191,247)
```
#87c7f8
```
#87c7f8 rgb(135,199,248)
```
#99d0f9
```
#99d0f9 rgb(153,208,249)
```
#acd8fa
```
#acd8fa rgb(172,216,250)
```
#bfe1fb
```
#bfe1fb rgb(191,225,251)
```
#d1eafc
```
#d1eafc rgb(209,234,252)
```
#e4f2fd
```
#e4f2fd rgb(228,242,253)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898f94 is the less saturated color, while #219dfc is the most saturated one.

#898f94
```
#898f94 rgb(137,143,148)
```
#81909c
```
#81909c rgb(129,144,156)
```
#7892a5
```
#7892a5 rgb(120,146,165)
```
#6f93ae
```
#6f93ae rgb(111,147,174)
```
#6794b6
```
#6794b6 rgb(103,148,182)
```
#5e95bf
```
#5e95bf rgb(94,149,191)
```
#5596c8
```
#5596c8 rgb(85,150,200)
```
#4d97d0
```
#4d97d0 rgb(77,151,208)
```
#4499d9
```
#4499d9 rgb(68,153,217)
```
#3b9ae2
```
#3b9ae2 rgb(59,154,226)
```
#339bea
```
#339bea rgb(51,155,234)
```
#2a9cf3
```
#2a9cf3 rgb(42,156,243)
```
#219dfc
```
#219dfc rgb(33,157,252)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#72899a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7999ed Protanopia 1% of men
#5c9cf5 Deuteranopia 1% of men
#00abb6 Tritanopia 0.001% of the population

Trichromacy

#5c9aef Protanomaly 1% of men, 0.01% of women
#499cf4 Deuteranomaly 6% of men, 0.4% of women
#0fa5cc Tritanomaly 0.01% of the population

#2a9cf3 hex color

#2a9cf3 Color Information

#2a9cf3 Color Conversion

Color Schemes with #2a9cf3

Alternatives to #2a9cf3

#2a9cf3 Preview

Shades and Tints of #2a9cf3

Tones of #2a9cf3

Color Blindness Simulator