#2DDA9F | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

About #2DDA9F

HEX	#2DDA9F
NAME	-
TONE	bright green
RGB	45 218 159
HSV	159° 79% 85%
CMYK	79% 0% 27% 14%

Provide color information and color scheme for #2DDA9F. #2DDA9F is bright green. The component of #2DDA9F is RGB(45 218 159). The complementary color of #2DDA9F is #DA2D68. Green is the color that prompts the eyes to relax. It is the color in which plants reminiscent and is natures image. As the color that is reminiscent of growth and possibility, it is ideal for designing new business.

Color schemes with #2DDA9F

Modest and mature color scheme

#2DDA9F | colorate

It is a color scheme composed of the same hue color. This color scheme gives a modest and impression quietly.

base	base #68E5BB	RGB 104 229 187	#68E5BB
main	main #2DDA9F	RGB 45 218 159	#2DDA9F
accent	accent #AAF1D9	RGB 170 241 217	#AAF1D9

base
#68E5BB main
#2DDA9F accent
#AAF1D9

Mild and soft color scheme

#2DDA9F | colorate

It is a color scheme composed of near hue color. This color scheme gives a soft, organically natural impression.

base	base #62E495	RGB 98 228 149	#62E495
main	main #2DDA9F	RGB 45 218 159	#2DDA9F
accent	accent #9CEEA6	RGB 156 238 166	#9CEEA6

base
#62E495 main
#2DDA9F accent
#9CEEA6

Powerful and flashy color scheme

#2DDA9F | colorate

It is a color scheme using complementary colors for accent. This color scheme gives a powerful, behavioral and flashy impression.

base	base #75E7C0	RGB 117 231 192	#75E7C0
main	main #2DDA9F	RGB 45 218 159	#2DDA9F
accent	accent #DA2D67	RGB 218 45 103	#DA2D67

base
#75E7C0 main
#2DDA9F accent
#DA2D67

Colorful and harmonious color scheme

#2DDA9F | colorate

It is a color scheme composed of complementary colors and adjacent colors. There is movement, giving a colorful and fun impression.

base	base #82EAC6	RGB 130 234 198	#82EAC6
main	main #2DDA9F	RGB 45 218 159	#2DDA9F
accent	accent #DA2DCF	RGB 218 45 207	#DA2DCF
accent	accent #DA592D	RGB 218 89 45	#DA592D

base
#82EAC6 main
#2DDA9F accent
#DA2DCF accent
#DA592D

Color schemes example

Fine adjustment from #2DDA9F

CSS codes

<style type="text/css">
div {
    color : #2DDA9F;
    background-color : #2DDA9F;
}
</style>

Gradient based on #2DDA9F

By using gradient, you can create a spatial depth even in a flat design. Gloss and shading are the effects of light. To create a beautiful gradient, observe nature closely.

Gradient of gloss and shade

#2DDA9F - #C3F4E3

#2DDA9F - #0C3E2D

More natural expression (sky and drinks)

#2DDA9F - #FFFFA2

#2DDA9F - #00AB6E

Contrast ratio

Check the contrast ratio when using white or black for text and background. Evaluation criteria by WCAG 2.0 (A=fail, AA=smallest acceptable, AAA=highest compliance)

White and #2DDA9F (1.80 : 1)

14pt
A 18pt
A 14pt
A 18pt
A

Black and #2DDA9F (11.64 : 1)

14pt
AAA 18pt
AAA 14pt
AAA 18pt
AAA

Utilities

#2DDA9F | colorate

About #2DDA9F

Color schemes with #2DDA9F

Modest and mature color scheme

Mild and soft color scheme

Powerful and flashy color scheme

Colorful and harmonious color scheme

Color schemes example

Fine adjustment from #2DDA9F

Tint(add white)

Shade(add black)

Hue

Saturation

Value(Lightness)

Related HTML Color

Complementary

Triad

Related PANTONE

CSS codes

Gradient based on #2DDA9F

Gradient of gloss and shade

More natural expression (sky and drinks)

Contrast ratio

White and #2DDA9F (1.80 : 1)

Black and #2DDA9F (11.64 : 1)

Utilities

Barcode

colorate

textate