colorhexa.com

#2d98af hex color

In a RGB color space, hex #2d98af is composed of 17.6% red, 59.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 13.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 190.6 degrees, a saturation of 59.1% and a lightness of 43.1%. #2d98af color hex could be obtained by blending #5affff with #00315f. Closest websafe color is: #339999.

- R 18
- G 60
- B 69
RGB color chart
- C 74
- M 13
- Y 0
- K 31
CMYK color chart

● #2d98af color description : Dark cyan.

The hexadecimal color #2d98af has RGB values of R:45, G:152, B:175 and CMYK values of C:0.74, M:0.13, Y:0, K:0.31. Its decimal value is 2988207.

Hex triplet	2d98af	`#2d98af`
RGB Decimal	45, 152, 175	`rgb(45,152,175)`
RGB Percent	17.6, 59.6, 68.6	`rgb(17.6%,59.6%,68.6%)`
CMYK	74, 13, 0, 31
HSL	190.6°, 59.1, 43.1	`hsl(190.6,59.1%,43.1%)`
HSV (or HSB)	190.6°, 74.3, 68.6
Web Safe	339999	`#339999`

CIE-LAB	58.139, -21.942, -20.637
XYZ	20.046, 26.108, 44.538
xyY	0.221, 0.288, 26.108
CIE-LCH	58.139, 30.122, 223.246
CIE-LUV	58.139, -38.385, -28.281
Hunter-Lab	51.096, -19.387, -15.913
Binary	00101101, 10011000, 10101111

#2d98af
```
#2d98af rgb(45,152,175)
```
#af442d
```
#af442d rgb(175,68,45)
```

Complementary Color

#2daf85
```
#2daf85 rgb(45,175,133)
```
#2d98af
```
#2d98af rgb(45,152,175)
```
#2d57af
```
#2d57af rgb(45,87,175)
```

Analogous Color

#af852d
```
#af852d rgb(175,133,45)
```
#2d98af
```
#2d98af rgb(45,152,175)
```
#af2d57
```
#af2d57 rgb(175,45,87)
```

Split Complementary Color

#98af2d
```
#98af2d rgb(152,175,45)
```
#2d98af
```
#2d98af rgb(45,152,175)
```
#af2d98
```
#af2d98 rgb(175,45,152)
```

Triadic Color

#2daf44
```
#2daf44 rgb(45,175,68)
```
#2d98af
```
#2d98af rgb(45,152,175)
```
#af2d98
```
#af2d98 rgb(175,45,152)
```
#af442d
```
#af442d rgb(175,68,45)
```

Tetradic Color

#1d6372
```
#1d6372 rgb(29,99,114)
```
#237586
```
#237586 rgb(35,117,134)
```
#28869b
```
#28869b rgb(40,134,155)
```
#2d98af
```
#2d98af rgb(45,152,175)
```
#32aac3
```
#32aac3 rgb(50,170,195)
```
#41b5ce
```
#41b5ce rgb(65,181,206)
```
#55bdd3
```
#55bdd3 rgb(85,189,211)
```

Monochromatic Color

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

#2dafa6
```
#2dafa6 rgb(45,175,166)
```
#2daeaf
```
#2daeaf rgb(45,174,175)
```
#2da3af
```
#2da3af rgb(45,163,175)
```
#2d98af
```
#2d98af rgb(45,152,175)
```
#2d8daf
```
#2d8daf rgb(45,141,175)
```
#2d82af
```
#2d82af rgb(45,130,175)
```
#2d78af
```
#2d78af rgb(45,120,175)
```

Similar Colors

Text with hexadecimal color #2d98af

This text has a font color of #2d98af.

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

#2d98af background color

This paragraph has a background color of #2d98af.

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

#2d98af border color

This element has a border color of #2d98af.

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

CSS codes

.text {color:#2d98af;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051013
```
#051013 rgb(5,16,19)
```
#091e23
```
#091e23 rgb(9,30,35)
```
#0d2c32
```
#0d2c32 rgb(13,44,50)
```
#113942
```
#113942 rgb(17,57,66)
```
#154751
```
#154751 rgb(21,71,81)
```
#195461
```
#195461 rgb(25,84,97)
```
#1d6271
```
#1d6271 rgb(29,98,113)
```
#216f80
```
#216f80 rgb(33,111,128)
```
#257d90
```
#257d90 rgb(37,125,144)
```
#298a9f
```
#298a9f rgb(41,138,159)
```
#2d98af
```
#2d98af rgb(45,152,175)
```
#31a6bf
```
#31a6bf rgb(49,166,191)
```

Shade Color Variation

#38b1cc
```
#38b1cc rgb(56,177,204)
```
#47b8d0
```
#47b8d0 rgb(71,184,208)
```
#57bed4
```
#57bed4 rgb(87,190,212)
```
#66c4d8
```
#66c4d8 rgb(102,196,216)
```
#76cadc
```
#76cadc rgb(118,202,220)
```
#86d0e0
```
#86d0e0 rgb(134,208,224)
```
#95d6e4
```
#95d6e4 rgb(149,214,228)
```
#a5dce8
```
#a5dce8 rgb(165,220,232)
```
#b4e2ec
```
#b4e2ec rgb(180,226,236)
```
#c4e8f0
```
#c4e8f0 rgb(196,232,240)
```
#d4eef4
```
#d4eef4 rgb(212,238,244)
```
#e3f4f8
```
#e3f4f8 rgb(227,244,248)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

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

#687274
```
#687274 rgb(104,114,116)
```
#60777c
```
#60777c rgb(96,119,124)
```
#577d85
```
#577d85 rgb(87,125,133)
```
#4f828d
```
#4f828d rgb(79,130,141)
```
#468896
```
#468896 rgb(70,136,150)
```
#3e8d9e
```
#3e8d9e rgb(62,141,158)
```
#3593a7
```
#3593a7 rgb(53,147,167)
```
#2d98af
```
#2d98af rgb(45,152,175)
```
#259db7
```
#259db7 rgb(37,157,183)
```
#1ca3c0
```
#1ca3c0 rgb(28,163,192)
```
#14a8c8
```
#14a8c8 rgb(20,168,200)
```
#0baed1
```
#0baed1 rgb(11,174,209)
```
#03b3d9
```
#03b3d9 rgb(3,179,217)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6b8185 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b90ab Protanopia 1% of men
#898fb8 Deuteranopia 1% of men
#2f9eaa Tritanopia 0.001% of the population

Trichromacy

#6993ac Protanomaly 1% of men, 0.01% of women
#6792b5 Deuteranomaly 6% of men, 0.4% of women
#2e9cac Tritanomaly 0.01% of the population