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

HEX	#DADAF3
NAME	-
TONE	pale navy
RGB	218 218 243
HSV	240° 10% 95%
CMYK	10% 10% 0% 4%

Provide color information and color scheme for #DADAF3. #DADAF3 is pale navy. The component of #DADAF3 is RGB(218 218 243). The complementary color of #DADAF3 is #F3F3DA. Navy is the color that is reminiscent of deep relaxation and reliability. It is ideal for design, showing that it is professional. Navy is the color that provides an image of night and silence, it is also the color that is reminiscent of conservatism and traditionalism.

Color schemes with #DADAF3

Modest and mature color scheme

#DADAF3 | colorate

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

base	base #8A8AD5	RGB 138 138 213	#8A8AD5
main	main #DADAF3	RGB 218 218 243	#DADAF3
accent	accent #4949B8	RGB 73 73 184	#4949B8

base
#8A8AD5 main
#DADAF3 accent
#4949B8

Mild and soft color scheme

#DADAF3 | colorate

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

base	base #A491D8	RGB 164 145 216	#A491D8
main	main #DADAF3	RGB 218 218 243	#DADAF3
accent	accent #8E55BE	RGB 142 85 190	#8E55BE

base
#A491D8 main
#DADAF3 accent
#8E55BE

Powerful and flashy color scheme

#DADAF3 | colorate

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

base	base #7C7CD0	RGB 124 124 208	#7C7CD0
main	main #DADAF3	RGB 218 218 243	#DADAF3
accent	accent #D0D07C	RGB 208 208 124	#D0D07C

base
#7C7CD0 main
#DADAF3 accent
#D0D07C

Colorful and harmonious color scheme

#DADAF3 | colorate

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

base	base #6E6ECA	RGB 110 110 202	#6E6ECA
main	main #DADAF3	RGB 218 218 243	#DADAF3
accent	accent #CA936E	RGB 202 147 110	#CA936E
accent	accent #93CA6E	RGB 147 202 110	#93CA6E

base
#6E6ECA main
#DADAF3 accent
#CA936E accent
#93CA6E

Color schemes example

Fine adjustment from #DADAF3

CSS codes

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

Gradient based on #DADAF3

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

#DADAF3 - #F4F4FB

#DADAF3 - #3E3E45

More natural expression (sky and drinks)

#DADAF3 - #DBE8EE

#DADAF3 - #7A93C1

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 #DADAF3 (1.37 : 1)

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

Black and #DADAF3 (15.30 : 1)

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

Utilities

#DADAF3 | colorate

About #DADAF3

Color schemes with #DADAF3

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

Tint(add white)

Shade(add black)

Hue

Saturation

Value(Lightness)

Related HTML Color

Complementary

Triad

Related PANTONE

CSS codes

Gradient based on #DADAF3

Gradient of gloss and shade

More natural expression (sky and drinks)

Contrast ratio

White and #DADAF3 (1.37 : 1)

Black and #DADAF3 (15.30 : 1)

Utilities

Barcode

colorate

textate