#98cbba Color Hex Mint Twist

Information about Mint Twist Color | #0000FF

#98cbba color RGB value is (152,203,186). #98cbba color name is Mint Twist color.

#98cbba hex color red value is 152 , green value is 203 and the blue value of its RGB is 186 . Cylindrical-coordinate representations (also known as HSL) of color #98cbba hue: 160 , saturation: 33 and the lightness value of #98cbba is 70

The process color (four color CMYK) of #98cbba color hex is 10 , 0 ,3, 8 .

#98cbba

~Mint Twist

Color Converions

HEX
#98cbba
RGB
152,203,186
LAB
78,-20,3
CMYK
25,0,8,20
LCH
78,20,172
XYZ
43,53,54
HSV
160,25,80
HSL
160,33,70

Base Numbers

Base Red Green Blue
Binary 10011000 11001011 10111010
Octal 230 313 272
Decimal 152 203 186
Hex 98 cb ba

RGB Percentages of Color #98cbba

60%
80%
73%

CMYK Percentages of Color #98cbba

10%
3%
0%
8%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #98cbba

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#98cbba
20%
#89b7a7
30%
#7aa295
40%
#6a8e82
50%
#5b7a70
60%
#4c665d
70%
#3d514a
80%
#2e3d38
90%
#1e2925
100%
#0f1413

Tints of #98cbba

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#98cbba
20%
#a2d0c1
30%
#add5c8
40%
#b7dbcf
50%
#c1e0d6
60%
#cce5dd
70%
#d6eae3
80%
#e0efea
90%
#eaf5f1
100%
#f5faf8

Tones of #98cbba

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#98cbba
20%
#96c3b4
30%
#93bcae
40%
#91b4a8
50%
#8eada3
60%
#8ca59d
70%
#899e97
80%
#879691
90%
#848f8b
100%
#828785

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#98cbba
#98cba6
#98cbb0
#98cbba
#98cbc4
#98c8cb

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#98cbba
#cb98a9

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#98cbba
#989fcb
#cba698

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#98cbba
#ba98cb
#cbba98

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#98cbba
#a098cb
#cb98a9
#c2cb98

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#98cbba
#b8f5e1
#19211e
#394b45
#58766c
#78a093

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#98cbba

protanopia

#c5beb3

deuteranopia

#d2b9be

tritanopia

#9dc5d5

achromatopsia

#bfbfbf

protanomaly

#b5c3b5

deuteranomaly

#bdbfbd

achromatopsia

#bfbfbf

tritanomaly

#9bc7cb

achromatomaly

#b1c3bd

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 12/21
Hello World !

#98cbba Color CSS Codes

.bgcolor {background-color:#98cbba; } 
.forecolor {color:#98cbba; }
.bordercolor {border:3px solid #98cbba; }
            

#98cbba Text Font Color

<div style="color:#98cbba">
Div content here</div>

This sample text font color is #98cbba
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#98cbba Background Color

<div style="background-color:#98cbba">
Div content here</div>
Div content here

#98cbba Border Color

<div style="border:3px solid #98cbba">
Div here</div>

This div border color is #98cbba

#98cbba Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #98cbba; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #98cbba; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #98cbba;
  -webkit-box-shadow: 1px 1px 3px 2px #98cbba;
  box-shadow: 1px 1px 3px 2px #98cbba; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #98cbba">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #98cbba;
              -webkit-box-shadow: 1px 1px 3px 2px #98cbba;
              box-shadow:         1px 1px 3px 2px #98cbba#98cbba">
Div content here</div>

This div box has shadow with color #98cbba

More Colors

Phosphor Green
#00aa00
Coming up Roses
#de7485
Christmas Green
#3c8d0d
Innuendo
#a4b0c4
Iron Orange
#e7661e
French Pastry
#c4aa92
Pale Beige
#ccc7b1
Fuzzy Wuzzy Brown
#c45655
Cabin Fever
#5e5349
Berry Popsicle
#d6a5cd
Heavy Blue Grey
#9fabaf
Livery Green
#a8d275
Petal Poise
#f8e3ee
Ceylonese
#756858
Milky Maize
#f9d9a0
Pink Organdy
#e1d6d8
Flawed White
#fffbfc
Lilac Tan
#d4c7c4
Plum Harvest
#674555
Light Perk Up
#e0d5cd
Dun Morogh Blue
#80b4dc
Madagascar Pink
#d194a1
Obligation
#54645c
Old Eggshell
#cdc4ba
Hidden Valley
#689938
Oakwood
#bda58b
Deco-Rate
#8fcbc0
A State of Mint
#88ffcc
Ancient Red
#922a31
Field Poppy
#d86f3c
Neo Mint
#aaffcc
Adirondack
#b0b9c1
Bermuda Onion
#9d5a8f
Dark Horizon
#666699
Energy Peak
#bb5f60
Melon Baby
#f47869
Norfolk Sky
#6cbae7
Lava Stone
#3c4151
Lounge Green
#8ba97f
Jade Spell
#c1e5d5
rating-img
Rate this tool
NaN/5   0 votes