#DAF5E1 | 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 #DAF5E1

HEX	#DAF5E1
NAME	-
TONE	pale green
RGB	218 245 225
HSV	135° 11% 96%
CMYK	11% 0% 8% 3%

Provide color information and color scheme for #DAF5E1. #DAF5E1 is pale green. The component of #DAF5E1 is RGB(218 245 225). The complementary color of #DAF5E1 is #F5DAEE. 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 #DAF5E1

Modest and mature color scheme

#DAF5E1 | colorate

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

base	base #8EDEA2	RGB 142 222 162	#8EDEA2
main	main #DAF5E1	RGB 218 245 225	#DAF5E1
accent	accent #4DC76D	RGB 77 199 109	#4DC76D

base
#8EDEA2 main
#DAF5E1 accent
#4DC76D

Mild and soft color scheme

#DAF5E1 | colorate

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

base	base #95E0BD	RGB 149 224 189	#95E0BD
main	main #DAF5E1	RGB 218 245 225	#DAF5E1
accent	accent #59CCB5	RGB 89 204 181	#59CCB5

base
#95E0BD main
#DAF5E1 accent
#59CCB5

Powerful and flashy color scheme

#DAF5E1 | colorate

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

base	base #80D997	RGB 128 217 151	#80D997
main	main #DAF5E1	RGB 218 245 225	#DAF5E1
accent	accent #D980C2	RGB 217 128 194	#D980C2

base
#80D997 main
#DAF5E1 accent
#D980C2

Colorful and harmonious color scheme

#DAF5E1 | colorate

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

base	base #73D58C	RGB 115 213 140	#73D58C
main	main #DAF5E1	RGB 218 245 225	#DAF5E1
accent	accent #B373D5	RGB 179 115 213	#B373D5
accent	accent #D57380	RGB 213 115 128	#D57380

base
#73D58C main
#DAF5E1 accent
#B373D5 accent
#D57380

Color schemes example

Fine adjustment from #DAF5E1

CSS codes

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

Gradient based on #DAF5E1

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

#DAF5E1 - #F4FCF6

#DAF5E1 - #3E4640

More natural expression (sky and drinks)

#DAF5E1 - #D6EEE0

#DAF5E1 - #82C8B3

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 #DAF5E1 (1.16 : 1)

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

Black and #DAF5E1 (18.13 : 1)

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

Utilities

#DAF5E1 | colorate

About #DAF5E1

Color schemes with #DAF5E1

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 #DAF5E1

Tint(add white)

Shade(add black)

Hue

Saturation

Value(Lightness)

Related HTML Color

Complementary

Triad

Related PANTONE

CSS codes

Gradient based on #DAF5E1

Gradient of gloss and shade

More natural expression (sky and drinks)

Contrast ratio

White and #DAF5E1 (1.16 : 1)

Black and #DAF5E1 (18.13 : 1)

Utilities

Barcode

colorate

textate