#2693bf hex color

In a RGB color space, hex #2693bf is composed of 14.9% red, 57.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 23% magenta, 0% yellow and 25.1% black. It has a hue angle of 197.3 degrees, a saturation of 66.8% and a lightness of 44.9%. #2693bf color hex could be obtained by blending #4cffff with #00277f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 15
- G 58
- B 75
RGB color chart
- C 80
- M 23
- Y 0
- K 25
CMYK color chart

● #2693bf color description : Strong blue.

The hexadecimal color #2693bf has RGB values of R:38, G:147, B:191 and CMYK values of C:0.8, M:0.23, Y:0, K:0.25. Its decimal value is 2528191.

Hex triplet	2693bf	`#2693bf`
RGB Decimal	38, 147, 191	`rgb(38,147,191)`
RGB Percent	14.9, 57.6, 74.9	`rgb(14.9%,57.6%,74.9%)`
CMYK	80, 23, 0, 25
HSL	197.3°, 66.8, 44.9	`hsl(197.3,66.8%,44.9%)`
HSV (or HSB)	197.3°, 80.1, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.114, -14.637, -31.301
XYZ	20.635, 25.039, 53.033
xyY	0.209, 0.254, 25.039
CIE-LCH	57.114, 34.554, 244.938
CIE-LUV	57.114, -36.536, -46.427
Hunter-Lab	50.039, -13.961, -27.81
Binary	00100110, 10010011, 10111111

#2693bf
```
#2693bf rgb(38,147,191)
```
#bf5226
```
#bf5226 rgb(191,82,38)
```

Complementary Color

#26bf9f
```
#26bf9f rgb(38,191,159)
```
#2693bf
```
#2693bf rgb(38,147,191)
```
#2647bf
```
#2647bf rgb(38,71,191)
```

Analogous Color

#bf9f26
```
#bf9f26 rgb(191,159,38)
```
#2693bf
```
#2693bf rgb(38,147,191)
```
#bf2647
```
#bf2647 rgb(191,38,71)
```

Split Complementary Color

#93bf26
```
#93bf26 rgb(147,191,38)
```
#2693bf
```
#2693bf rgb(38,147,191)
```
#bf2693
```
#bf2693 rgb(191,38,147)
```

Triadic Color

#26bf52
```
#26bf52 rgb(38,191,82)
```
#2693bf
```
#2693bf rgb(38,147,191)
```
#bf2693
```
#bf2693 rgb(191,38,147)
```
#bf5226
```
#bf5226 rgb(191,82,38)
```

Tetradic Color

#19627f
```
#19627f rgb(25,98,127)
```
#1e7294
```
#1e7294 rgb(30,114,148)
```
#2283aa
```
#2283aa rgb(34,131,170)
```
#2693bf
```
#2693bf rgb(38,147,191)
```
#2aa3d4
```
#2aa3d4 rgb(42,163,212)
```
#3fadd9
```
#3fadd9 rgb(63,173,217)
```
#54b6dd
```
#54b6dd rgb(84,182,221)
```

Monochromatic Color

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

#26b9bf
```
#26b9bf rgb(38,185,191)
```
#26adbf
```
#26adbf rgb(38,173,191)
```
#26a0bf
```
#26a0bf rgb(38,160,191)
```
#2693bf
```
#2693bf rgb(38,147,191)
```
#2686bf
```
#2686bf rgb(38,134,191)
```
#267abf
```
#267abf rgb(38,122,191)
```
#266dbf
```
#266dbf rgb(38,109,191)
```

Similar Colors

Text with hexadecimal color #2693bf

This text has a font color of #2693bf.

<span style="color:#2693bf;">Text here</span>

#2693bf background color

This paragraph has a background color of #2693bf.

<p style="background-color:#2693bf;">Content here</p>

#2693bf border color

This element has a border color of #2693bf.

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

CSS codes

.text {color:#2693bf;}

.background {background-color:#2693bf;}

.border {border:1px solid #2693bf;}

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, #02080b is the darkest color, while #fafdfe is the lightest one.

#02080b
```
#02080b rgb(2,8,11)
```
#05151b
```
#05151b rgb(5,21,27)
```
#09222c
```
#09222c rgb(9,34,44)
```
#0c2e3c
```
#0c2e3c rgb(12,46,60)
```
#0f3b4c
```
#0f3b4c rgb(15,59,76)
```
#12475d
```
#12475d rgb(18,71,93)
```
#16546d
```
#16546d rgb(22,84,109)
```
#19617e
```
#19617e rgb(25,97,126)
```
#1c6d8e
```
#1c6d8e rgb(28,109,142)
```
#1f7a9e
```
#1f7a9e rgb(31,122,158)
```
#2386af
```
#2386af rgb(35,134,175)
```
#2693bf
```
#2693bf rgb(38,147,191)
```
#29a0cf
```
#29a0cf rgb(41,160,207)
```

Shade Color Variation

#35a8d7
```
#35a8d7 rgb(53,168,215)
```
#46afda
```
#46afda rgb(70,175,218)
```
#56b6dd
```
#56b6dd rgb(86,182,221)
```
#66bde1
```
#66bde1 rgb(102,189,225)
```
#77c5e4
```
#77c5e4 rgb(119,197,228)
```
#87cce7
```
#87cce7 rgb(135,204,231)
```
#98d3ea
```
#98d3ea rgb(152,211,234)
```
#a8daee
```
#a8daee rgb(168,218,238)
```
#b8e1f1
```
#b8e1f1 rgb(184,225,241)
```
#c9e8f4
```
#c9e8f4 rgb(201,232,244)
```
#d9eff7
```
#d9eff7 rgb(217,239,247)
```
#e9f6fb
```
#e9f6fb rgb(233,246,251)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7579 is the less saturated color, while #03a2e2 is the most saturated one.

#6c7579
```
#6c7579 rgb(108,117,121)
```
#647981
```
#647981 rgb(100,121,129)
```
#5b7d8a
```
#5b7d8a rgb(91,125,138)
```
#528093
```
#528093 rgb(82,128,147)
```
#49849c
```
#49849c rgb(73,132,156)
```
#4088a5
```
#4088a5 rgb(64,136,165)
```
#388cad
```
#388cad rgb(56,140,173)
```
#2f8fb6
```
#2f8fb6 rgb(47,143,182)
```
#2693bf
```
#2693bf rgb(38,147,191)
```
#1d97c8
```
#1d97c8 rgb(29,151,200)
```
#149ad1
```
#149ad1 rgb(20,154,209)
```
#0c9ed9
```
#0c9ed9 rgb(12,158,217)
```
#03a2e2
```
#03a2e2 rgb(3,162,226)
```

Tone Color Variation

Below, you can see how #2693bf 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

#777777 Achromatopsia 0.005% of the population
#677d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#818dba Protanopia 1% of men
#788ec6 Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#608fbc Protanomaly 1% of men, 0.01% of women
#5a8fc3 Deuteranomaly 6% of men, 0.4% of women
#0d99b0 Tritanomaly 0.01% of the population

#2693bf hex color

#2693bf Color Information

#2693bf Color Conversion

Color Schemes with #2693bf

Alternatives to #2693bf

#2693bf Preview

Shades and Tints of #2693bf

Tones of #2693bf

Color Blindness Simulator