#2675ff hex color

In a RGB color space, hex #2675ff is composed of 14.9% red, 45.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 85.1% cyan, 54.1% magenta, 0% yellow and 0% black. It has a hue angle of 218.2 degrees, a saturation of 100% and a lightness of 57.5%. #2675ff color hex could be obtained by blending #4ceaff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 46
- B 100
RGB color chart
- C 85
- M 54
- Y 0
- K 0
CMYK color chart

● #2675ff color description : Vivid blue.

The hexadecimal color #2675ff has RGB values of R:38, G:117, B:255 and CMYK values of C:0.85, M:0.54, Y:0, K:0. Its decimal value is 2520575.

Hex triplet	2675ff	`#2675ff`
RGB Decimal	38, 117, 255	`rgb(38,117,255)`
RGB Percent	14.9, 45.9, 100	`rgb(14.9%,45.9%,100%)`
CMYK	85, 54, 0, 0
HSL	218.2°, 100, 57.5	`hsl(218.2,100%,57.5%)`
HSV (or HSB)	218.2°, 85.1, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.234, 27.13, -74.932
XYZ	25.207, 20.353, 97.202
xyY	0.177, 0.143, 20.353
CIE-LCH	52.234, 79.692, 289.903
CIE-LUV	52.234, -24.286, -118.08
Hunter-Lab	45.114, 20.785, -96.166
Binary	00100110, 01110101, 11111111

#2675ff
```
#2675ff rgb(38,117,255)
```
#ffb026
```
#ffb026 rgb(255,176,38)
```

Complementary Color

#26e2ff
```
#26e2ff rgb(38,226,255)
```
#2675ff
```
#2675ff rgb(38,117,255)
```
#4326ff
```
#4326ff rgb(67,38,255)
```

Analogous Color

#e2ff26
```
#e2ff26 rgb(226,255,38)
```
#2675ff
```
#2675ff rgb(38,117,255)
```
#ff4426
```
#ff4426 rgb(255,68,38)
```

Split Complementary Color

#75ff26
```
#75ff26 rgb(117,255,38)
```
#2675ff
```
#2675ff rgb(38,117,255)
```
#ff2675
```
#ff2675 rgb(255,38,117)
```

Triadic Color

#26ffb0
```
#26ffb0 rgb(38,255,176)
```
#2675ff
```
#2675ff rgb(38,117,255)
```
#ff2675
```
#ff2675 rgb(255,38,117)
```
#ffb026
```
#ffb026 rgb(255,176,38)
```

Tetradic Color

#004fd9
```
#004fd9 rgb(0,79,217)
```
#0058f2
```
#0058f2 rgb(0,88,242)
```
#0d65ff
```
#0d65ff rgb(13,101,255)
```
#2675ff
```
#2675ff rgb(38,117,255)
```
#4085ff
```
#4085ff rgb(64,133,255)
```
#5995ff
```
#5995ff rgb(89,149,255)
```
#73a6ff
```
#73a6ff rgb(115,166,255)
```

Monochromatic Color

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

#26abff
```
#26abff rgb(38,171,255)
```
#2699ff
```
#2699ff rgb(38,153,255)
```
#2687ff
```
#2687ff rgb(38,135,255)
```
#2675ff
```
#2675ff rgb(38,117,255)
```
#2663ff
```
#2663ff rgb(38,99,255)
```
#2651ff
```
#2651ff rgb(38,81,255)
```
#263fff
```
#263fff rgb(38,63,255)
```

Similar Colors

Text with hexadecimal color #2675ff

This text has a font color of #2675ff.

<span style="color:#2675ff;">Text here</span>

#2675ff background color

This paragraph has a background color of #2675ff.

<p style="background-color:#2675ff;">Content here</p>

#2675ff border color

This element has a border color of #2675ff.

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

CSS codes

.text {color:#2675ff;}

.background {background-color:#2675ff;}

.border {border:1px solid #2675ff;}

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

#000712
```
#000712 rgb(0,7,18)
```
#000e26
```
#000e26 rgb(0,14,38)
```
#00153a
```
#00153a rgb(0,21,58)
```
#001c4d
```
#001c4d rgb(0,28,77)
```
#002361
```
#002361 rgb(0,35,97)
```
#002a74
```
#002a74 rgb(0,42,116)
```
#003288
```
#003288 rgb(0,50,136)
```
#00399c
```
#00399c rgb(0,57,156)
```
#0040af
```
#0040af rgb(0,64,175)
```
#0047c3
```
#0047c3 rgb(0,71,195)
```
#004ed7
```
#004ed7 rgb(0,78,215)
```
#0055ea
```
#0055ea rgb(0,85,234)
```
#005cfe
```
#005cfe rgb(0,92,254)
```

Shade Color Variation

#1269ff
```
#1269ff rgb(18,105,255)
```
#2675ff
```
#2675ff rgb(38,117,255)
```
#3a81ff
```
#3a81ff rgb(58,129,255)
```
#4d8eff
```
#4d8eff rgb(77,142,255)
```
#619aff
```
#619aff rgb(97,154,255)
```
#74a7ff
```
#74a7ff rgb(116,167,255)
```
#88b3ff
```
#88b3ff rgb(136,179,255)
```
#9cc0ff
```
#9cc0ff rgb(156,192,255)
```
#afccff
```
#afccff rgb(175,204,255)
```
#c3d9ff
```
#c3d9ff rgb(195,217,255)
```
#d7e5ff
```
#d7e5ff rgb(215,229,255)
```
#eaf2ff
```
#eaf2ff rgb(234,242,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8a909b
```
#8a909b rgb(138,144,155)
```
#828ea3
```
#828ea3 rgb(130,142,163)
```
#798cac
```
#798cac rgb(121,140,172)
```
#7189b4
```
#7189b4 rgb(113,137,180)
```
#6987bc
```
#6987bc rgb(105,135,188)
```
#6085c5
```
#6085c5 rgb(96,133,197)
```
#5883cd
```
#5883cd rgb(88,131,205)
```
#5080d5
```
#5080d5 rgb(80,128,213)
```
#477ede
```
#477ede rgb(71,126,222)
```
#3f7ce6
```
#3f7ce6 rgb(63,124,230)
```
#377aee
```
#377aee rgb(55,122,238)
```
#2e77f7
```
#2e77f7 rgb(46,119,247)
```
#2675ff
```
#2675ff rgb(38,117,255)
```

Tone Color Variation

Below, you can see how #2675ff 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

#6d6d6d Achromatopsia 0.005% of the population
#5f6f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086da Deuteranopia 1% of men
#009098 Tritanopia 0.001% of the population

Trichromacy

#0d7bfb Protanomaly 1% of men, 0.01% of women
#0d80e7 Deuteranomaly 6% of men, 0.4% of women
#0d86bd Tritanomaly 0.01% of the population

#2675ff hex color

#2675ff Color Information

#2675ff Color Conversion

Color Schemes with #2675ff

Alternatives to #2675ff

#2675ff Preview

Shades and Tints of #2675ff

Tones of #2675ff

Color Blindness Simulator