#2a68bc hex color

In a RGB color space, hex #2a68bc is composed of 16.5% red, 40.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 44.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 214.5 degrees, a saturation of 63.5% and a lightness of 45.1%. #2a68bc color hex could be obtained by blending #54d0ff with #000079. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 41
- B 74
RGB color chart
- C 78
- M 45
- Y 0
- K 26
CMYK color chart

● #2a68bc color description : Strong blue.

The hexadecimal color #2a68bc has RGB values of R:42, G:104, B:188 and CMYK values of C:0.78, M:0.45, Y:0, K:0.26. Its decimal value is 2779324.

Hex triplet	2a68bc	`#2a68bc`
RGB Decimal	42, 104, 188	`rgb(42,104,188)`
RGB Percent	16.5, 40.8, 73.7	`rgb(16.5%,40.8%,73.7%)`
CMYK	78, 45, 0, 26
HSL	214.5°, 63.5, 45.1	`hsl(214.5,63.5%,45.1%)`
HSV (or HSB)	214.5°, 77.7, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.265, 10.319, -49.87
XYZ	14.98, 14.023, 49.491
xyY	0.191, 0.179, 14.023
CIE-LCH	44.265, 50.926, 281.69
CIE-LUV	44.265, -21.599, -75.216
Hunter-Lab	37.447, 5.876, -52.148
Binary	00101010, 01101000, 10111100

#2a68bc
```
#2a68bc rgb(42,104,188)
```
#bc7e2a
```
#bc7e2a rgb(188,126,42)
```

Complementary Color

#2ab1bc
```
#2ab1bc rgb(42,177,188)
```
#2a68bc
```
#2a68bc rgb(42,104,188)
```
#352abc
```
#352abc rgb(53,42,188)
```

Analogous Color

#b1bc2a
```
#b1bc2a rgb(177,188,42)
```
#2a68bc
```
#2a68bc rgb(42,104,188)
```
#bc352a
```
#bc352a rgb(188,53,42)
```

Split Complementary Color

#68bc2a
```
#68bc2a rgb(104,188,42)
```
#2a68bc
```
#2a68bc rgb(42,104,188)
```
#bc2a68
```
#bc2a68 rgb(188,42,104)
```

Triadic Color

#2abc7e
```
#2abc7e rgb(42,188,126)
```
#2a68bc
```
#2a68bc rgb(42,104,188)
```
#bc2a68
```
#bc2a68 rgb(188,42,104)
```
#bc7e2a
```
#bc7e2a rgb(188,126,42)
```

Tetradic Color

#1c457d
```
#1c457d rgb(28,69,125)
```
#215192
```
#215192 rgb(33,81,146)
```
#255ca7
```
#255ca7 rgb(37,92,167)
```
#2a68bc
```
#2a68bc rgb(42,104,188)
```
#2f74d1
```
#2f74d1 rgb(47,116,209)
```
#4482d5
```
#4482d5 rgb(68,130,213)
```
#5990da
```
#5990da rgb(89,144,218)
```

Monochromatic Color

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

#2a8dbc
```
#2a8dbc rgb(42,141,188)
```
#2a80bc
```
#2a80bc rgb(42,128,188)
```
#2a74bc
```
#2a74bc rgb(42,116,188)
```
#2a68bc
```
#2a68bc rgb(42,104,188)
```
#2a5cbc
```
#2a5cbc rgb(42,92,188)
```
#2a50bc
```
#2a50bc rgb(42,80,188)
```
#2a44bc
```
#2a44bc rgb(42,68,188)
```

Similar Colors

Text with hexadecimal color #2a68bc

This text has a font color of #2a68bc.

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

#2a68bc background color

This paragraph has a background color of #2a68bc.

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

#2a68bc border color

This element has a border color of #2a68bc.

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

CSS codes

.text {color:#2a68bc;}

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

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

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

#03060c
```
#03060c rgb(3,6,12)
```
#060f1c
```
#060f1c rgb(6,15,28)
```
#0a182c
```
#0a182c rgb(10,24,44)
```
#0d213c
```
#0d213c rgb(13,33,60)
```
#112a4c
```
#112a4c rgb(17,42,76)
```
#15335c
```
#15335c rgb(21,51,92)
```
#183c6c
```
#183c6c rgb(24,60,108)
```
#1c457c
```
#1c457c rgb(28,69,124)
```
#1f4d8c
```
#1f4d8c rgb(31,77,140)
```
#23569c
```
#23569c rgb(35,86,156)
```
#265fac
```
#265fac rgb(38,95,172)
```
#2a68bc
```
#2a68bc rgb(42,104,188)
```
#2e71cc
```
#2e71cc rgb(46,113,204)
```

Shade Color Variation

#3a7bd3
```
#3a7bd3 rgb(58,123,211)
```
#4a86d7
```
#4a86d7 rgb(74,134,215)
```
#5a91da
```
#5a91da rgb(90,145,218)
```
#6a9bde
```
#6a9bde rgb(106,155,222)
```
#7aa6e1
```
#7aa6e1 rgb(122,166,225)
```
#8ab1e5
```
#8ab1e5 rgb(138,177,229)
```
#9abce9
```
#9abce9 rgb(154,188,233)
```
#aac6ec
```
#aac6ec rgb(170,198,236)
```
#bad1f0
```
#bad1f0 rgb(186,209,240)
```
#cadcf3
```
#cadcf3 rgb(202,220,243)
```
#dbe7f7
```
#dbe7f7 rgb(219,231,247)
```
#ebf1fa
```
#ebf1fa rgb(235,241,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717375 is the less saturated color, while #0763df is the most saturated one.

#717375
```
#717375 rgb(113,115,117)
```
#68717e
```
#68717e rgb(104,113,126)
```
#5f7087
```
#5f7087 rgb(95,112,135)
```
#566f90
```
#566f90 rgb(86,111,144)
```
#4d6d99
```
#4d6d99 rgb(77,109,153)
```
#456ca1
```
#456ca1 rgb(69,108,161)
```
#3c6baa
```
#3c6baa rgb(60,107,170)
```
#3369b3
```
#3369b3 rgb(51,105,179)
```
#2a68bc
```
#2a68bc rgb(42,104,188)
```
#2167c5
```
#2167c5 rgb(33,103,197)
```
#1865ce
```
#1865ce rgb(24,101,206)
```
#0f64d7
```
#0f64d7 rgb(15,100,215)
```
#0763df
```
#0763df rgb(7,99,223)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#546172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#466dbd Protanopia 1% of men
#0f72be Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#3c6bbd Protanomaly 1% of men, 0.01% of women
#196ebd Deuteranomaly 6% of men, 0.4% of women
#0f7498 Tritanomaly 0.01% of the population

#2a68bc hex color

#2a68bc Color Information

#2a68bc Color Conversion

Color Schemes with #2a68bc

Alternatives to #2a68bc

#2a68bc Preview

Shades and Tints of #2a68bc

Tones of #2a68bc

Color Blindness Simulator