#2d98c4 hex color

In a RGB color space, hex #2d98c4 is composed of 17.6% red, 59.6% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 22.4% magenta, 0% yellow and 23.1% black. It has a hue angle of 197.5 degrees, a saturation of 62.7% and a lightness of 47.3%. #2d98c4 color hex could be obtained by blending #5affff with #003189. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 60
- B 77
RGB color chart
- C 77
- M 22
- Y 0
- K 23
CMYK color chart

● #2d98c4 color description : Strong blue.

The hexadecimal color #2d98c4 has RGB values of R:45, G:152, B:196 and CMYK values of C:0.77, M:0.22, Y:0, K:0.23. Its decimal value is 2988228.

Hex triplet	2d98c4	`#2d98c4`
RGB Decimal	45, 152, 196	`rgb(45,152,196)`
RGB Percent	17.6, 59.6, 76.9	`rgb(17.6%,59.6%,76.9%)`
CMYK	77, 22, 0, 23
HSL	197.5°, 62.7, 47.3	`hsl(197.5,62.7%,47.3%)`
HSV (or HSB)	197.5°, 77, 76.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.972, -14.903, -31.224
XYZ	22.272, 26.998, 56.259
xyY	0.211, 0.256, 26.998
CIE-LCH	58.972, 34.599, 244.485
CIE-LUV	58.972, -37.082, -46.505
Hunter-Lab	51.96, -14.418, -27.824
Binary	00101101, 10011000, 11000100

#2d98c4
```
#2d98c4 rgb(45,152,196)
```
#c4592d
```
#c4592d rgb(196,89,45)
```

Complementary Color

#2dc4a5
```
#2dc4a5 rgb(45,196,165)
```
#2d98c4
```
#2d98c4 rgb(45,152,196)
```
#2d4cc4
```
#2d4cc4 rgb(45,76,196)
```

Analogous Color

#c4a52d
```
#c4a52d rgb(196,165,45)
```
#2d98c4
```
#2d98c4 rgb(45,152,196)
```
#c42d4d
```
#c42d4d rgb(196,45,77)
```

Split Complementary Color

#98c42d
```
#98c42d rgb(152,196,45)
```
#2d98c4
```
#2d98c4 rgb(45,152,196)
```
#c42d98
```
#c42d98 rgb(196,45,152)
```

Triadic Color

#2dc459
```
#2dc459 rgb(45,196,89)
```
#2d98c4
```
#2d98c4 rgb(45,152,196)
```
#c42d98
```
#c42d98 rgb(196,45,152)
```
#c4592d
```
#c4592d rgb(196,89,45)
```

Tetradic Color

#1f6886
```
#1f6886 rgb(31,104,134)
```
#23789b
```
#23789b rgb(35,120,155)
```
#2888af
```
#2888af rgb(40,136,175)
```
#2d98c4
```
#2d98c4 rgb(45,152,196)
```
#39a5d2
```
#39a5d2 rgb(57,165,210)
```
#4eaed6
```
#4eaed6 rgb(78,174,214)
```
#62b8db
```
#62b8db rgb(98,184,219)
```

Monochromatic Color

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

#2dbec4
```
#2dbec4 rgb(45,190,196)
```
#2db1c4
```
#2db1c4 rgb(45,177,196)
```
#2da5c4
```
#2da5c4 rgb(45,165,196)
```
#2d98c4
```
#2d98c4 rgb(45,152,196)
```
#2d8bc4
```
#2d8bc4 rgb(45,139,196)
```
#2d7fc4
```
#2d7fc4 rgb(45,127,196)
```
#2d72c4
```
#2d72c4 rgb(45,114,196)
```

Similar Colors

Text with hexadecimal color #2d98c4

This text has a font color of #2d98c4.

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

#2d98c4 background color

This paragraph has a background color of #2d98c4.

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

#2d98c4 border color

This element has a border color of #2d98c4.

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

CSS codes

.text {color:#2d98c4;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051015
```
#051015 rgb(5,16,21)
```
#081c24
```
#081c24 rgb(8,28,36)
```
#0c2934
```
#0c2934 rgb(12,41,52)
```
#103544
```
#103544 rgb(16,53,68)
```
#134154
```
#134154 rgb(19,65,84)
```
#174e64
```
#174e64 rgb(23,78,100)
```
#1b5a74
```
#1b5a74 rgb(27,90,116)
```
#1e6784
```
#1e6784 rgb(30,103,132)
```
#227394
```
#227394 rgb(34,115,148)
```
#267fa4
```
#267fa4 rgb(38,127,164)
```
#298cb4
```
#298cb4 rgb(41,140,180)
```
#2d98c4
```
#2d98c4 rgb(45,152,196)
```

Shade Color Variation

#34a3d0
```
#34a3d0 rgb(52,163,208)
```
#44aad4
```
#44aad4 rgb(68,170,212)
```
#54b1d8
```
#54b1d8 rgb(84,177,216)
```
#64b9db
```
#64b9db rgb(100,185,219)
```
#74c0df
```
#74c0df rgb(116,192,223)
```
#84c7e3
```
#84c7e3 rgb(132,199,227)
```
#94cee6
```
#94cee6 rgb(148,206,230)
```
#a4d6ea
```
#a4d6ea rgb(164,214,234)
```
#b4ddee
```
#b4ddee rgb(180,221,238)
```
#c4e4f1
```
#c4e4f1 rgb(196,228,241)
```
#d4ebf5
```
#d4ebf5 rgb(212,235,245)
```
#e4f3f9
```
#e4f3f9 rgb(228,243,249)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77797a is the less saturated color, while #08a7e9 is the most saturated one.

#77797a
```
#77797a rgb(119,121,122)
```
#6e7d83
```
#6e7d83 rgb(110,125,131)
```
#65818c
```
#65818c rgb(101,129,140)
```
#5b8596
```
#5b8596 rgb(91,133,150)
```
#52899f
```
#52899f rgb(82,137,159)
```
#498ca8
```
#498ca8 rgb(73,140,168)
```
#4090b1
```
#4090b1 rgb(64,144,177)
```
#3694bb
```
#3694bb rgb(54,148,187)
```
#2d98c4
```
#2d98c4 rgb(45,152,196)
```
#249ccd
```
#249ccd rgb(36,156,205)
```
#1aa0d7
```
#1aa0d7 rgb(26,160,215)
```
#11a4e0
```
#11a4e0 rgb(17,164,224)
```
#08a7e9
```
#08a7e9 rgb(8,167,233)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6d828b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8692bf Protanopia 1% of men
#7d92cb Deuteranopia 1% of men
#00a2ad Tritanopia 0.001% of the population

Trichromacy

#6594c1 Protanomaly 1% of men, 0.01% of women
#6094c8 Deuteranomaly 6% of men, 0.4% of women
#109eb5 Tritanomaly 0.01% of the population

#2d98c4 hex color

#2d98c4 Color Information

#2d98c4 Color Conversion

Color Schemes with #2d98c4

Alternatives to #2d98c4

#2d98c4 Preview

Shades and Tints of #2d98c4

Tones of #2d98c4

Color Blindness Simulator