#2b7daf hex color

In a RGB color space, hex #2b7daf is composed of 16.9% red, 49% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 28.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 202.7 degrees, a saturation of 60.6% and a lightness of 42.7%. #2b7daf color hex could be obtained by blending #56faff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 17
- G 49
- B 69
RGB color chart
- C 75
- M 29
- Y 0
- K 31
CMYK color chart

● #2b7daf color description : Dark blue.

The hexadecimal color #2b7daf has RGB values of R:43, G:125, B:175 and CMYK values of C:0.75, M:0.29, Y:0, K:0.31. Its decimal value is 2850223.

Hex triplet	2b7daf	`#2b7daf`
RGB Decimal	43, 125, 175	`rgb(43,125,175)`
RGB Percent	16.9, 49, 68.6	`rgb(16.9%,49%,68.6%)`
CMYK	75, 29, 0, 31
HSL	202.7°, 60.6, 42.7	`hsl(202.7,60.6%,42.7%)`
HSV (or HSB)	202.7°, 75.4, 68.6
Web Safe	336699	`#336699`

CIE-LAB	49.828, -7.284, -33.507
XYZ	16.066, 18.275, 43.236
xyY	0.207, 0.236, 18.275
CIE-LCH	49.828, 34.289, 257.735
CIE-LUV	49.828, -29.015, -49.642
Hunter-Lab	42.749, -7.727, -30.041
Binary	00101011, 01111101, 10101111

#2b7daf
```
#2b7daf rgb(43,125,175)
```
#af5d2b
```
#af5d2b rgb(175,93,43)
```

Complementary Color

#2baf9f
```
#2baf9f rgb(43,175,159)
```
#2b7daf
```
#2b7daf rgb(43,125,175)
```
#2b3baf
```
#2b3baf rgb(43,59,175)
```

Analogous Color

#af9f2b
```
#af9f2b rgb(175,159,43)
```
#2b7daf
```
#2b7daf rgb(43,125,175)
```
#af2b3b
```
#af2b3b rgb(175,43,59)
```

Split Complementary Color

#7daf2b
```
#7daf2b rgb(125,175,43)
```
#2b7daf
```
#2b7daf rgb(43,125,175)
```
#af2b7d
```
#af2b7d rgb(175,43,125)
```

Triadic Color

#2baf5d
```
#2baf5d rgb(43,175,93)
```
#2b7daf
```
#2b7daf rgb(43,125,175)
```
#af2b7d
```
#af2b7d rgb(175,43,125)
```
#af5d2b
```
#af5d2b rgb(175,93,43)
```

Tetradic Color

#1c5172
```
#1c5172 rgb(28,81,114)
```
#216086
```
#216086 rgb(33,96,134)
```
#266e9b
```
#266e9b rgb(38,110,155)
```
#2b7daf
```
#2b7daf rgb(43,125,175)
```
#308cc3
```
#308cc3 rgb(48,140,195)
```
#3e98cf
```
#3e98cf rgb(62,152,207)
```
#52a3d4
```
#52a3d4 rgb(82,163,212)
```

Monochromatic Color

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

#2b9eaf
```
#2b9eaf rgb(43,158,175)
```
#2b93af
```
#2b93af rgb(43,147,175)
```
#2b88af
```
#2b88af rgb(43,136,175)
```
#2b7daf
```
#2b7daf rgb(43,125,175)
```
#2b72af
```
#2b72af rgb(43,114,175)
```
#2b67af
```
#2b67af rgb(43,103,175)
```
#2b5caf
```
#2b5caf rgb(43,92,175)
```

Similar Colors

Text with hexadecimal color #2b7daf

This text has a font color of #2b7daf.

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

#2b7daf background color

This paragraph has a background color of #2b7daf.

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

#2b7daf border color

This element has a border color of #2b7daf.

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

CSS codes

.text {color:#2b7daf;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040d12
```
#040d12 rgb(4,13,18)
```
#081821
```
#081821 rgb(8,24,33)
```
#0c2331
```
#0c2331 rgb(12,35,49)
```
#102e41
```
#102e41 rgb(16,46,65)
```
#143a51
```
#143a51 rgb(20,58,81)
```
#184560
```
#184560 rgb(24,69,96)
```
#1c5070
```
#1c5070 rgb(28,80,112)
```
#1f5b80
```
#1f5b80 rgb(31,91,128)
```
#236790
```
#236790 rgb(35,103,144)
```
#27729f
```
#27729f rgb(39,114,159)
```
#2b7daf
```
#2b7daf rgb(43,125,175)
```
#2f88bf
```
#2f88bf rgb(47,136,191)
```

Shade Color Variation

#3493cd
```
#3493cd rgb(52,147,205)
```
#449cd1
```
#449cd1 rgb(68,156,209)
```
#54a4d5
```
#54a4d5 rgb(84,164,213)
```
#63acd9
```
#63acd9 rgb(99,172,217)
```
#73b5dd
```
#73b5dd rgb(115,181,221)
```
#83bde0
```
#83bde0 rgb(131,189,224)
```
#93c5e4
```
#93c5e4 rgb(147,197,228)
```
#a2cee8
```
#a2cee8 rgb(162,206,232)
```
#b2d6ec
```
#b2d6ec rgb(178,214,236)
```
#c2def0
```
#c2def0 rgb(194,222,240)
```
#d2e7f4
```
#d2e7f4 rgb(210,231,244)
```
#e1eff8
```
#e1eff8 rgb(225,239,248)
```
#f1f8fc
```
#f1f8fc rgb(241,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666f74 is the less saturated color, while #0187d9 is the most saturated one.

#666f74
```
#666f74 rgb(102,111,116)
```
#5d717d
```
#5d717d rgb(93,113,125)
```
#557385
```
#557385 rgb(85,115,133)
```
#4d758d
```
#4d758d rgb(77,117,141)
```
#447796
```
#447796 rgb(68,119,150)
```
#3c799e
```
#3c799e rgb(60,121,158)
```
#337ba7
```
#337ba7 rgb(51,123,167)
```
#2b7daf
```
#2b7daf rgb(43,125,175)
```
#237fb7
```
#237fb7 rgb(35,127,183)
```
#1a81c0
```
#1a81c0 rgb(26,129,192)
```
#1283c8
```
#1283c8 rgb(18,131,200)
```
#0985d1
```
#0985d1 rgb(9,133,209)
```
#0187d9
```
#0187d9 rgb(1,135,217)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5d6e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7bad Protanopia 1% of men
#617db5 Deuteranopia 1% of men
#008993 Tritanopia 0.001% of the population

Trichromacy

#547cae Protanomaly 1% of men, 0.01% of women
#4d7db3 Deuteranomaly 6% of men, 0.4% of women
#0f859d Tritanomaly 0.01% of the population

#2b7daf hex color

#2b7daf Color Information

#2b7daf Color Conversion

Color Schemes with #2b7daf

Alternatives to #2b7daf

#2b7daf Preview

Shades and Tints of #2b7daf

Tones of #2b7daf

Color Blindness Simulator