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

HEX #B9C6FB
NAME -
TONE pale navy
RGB 185 198 251
HSV 228° 26% 98%
CMYK 26% 21% 0% 1%
Provide color information and color scheme for #B9C6FB. #B9C6FB is pale navy. The component of #B9C6FB is RGB(185 198 251). The complementary color of #B9C6FB is #FBEEB9. 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 #B9C6FB

Modest and mature color scheme   

base
#FBFCFE main
#B9C6FB accent
#7891F7

Mild and soft color scheme   

base
#F4F9FE main
#B9C6FB accent
#877EF7

Powerful and flashy color scheme   

base
#6B87F6 main
#B9C6FB accent
#F6DB6B

Colorful and harmonious color scheme   

base
#5F7CF5 main
#B9C6FB accent
#F57D5F accent
#B8F55F

Color schemes example

Fine adjustment from #B9C6FB

Tint(add white) 

#B9C6FB #C3CEFB #CDD6FC #D7DEFC #E1E6FD #EBEEFD #F5F6FE

Shade(add black) 

#B9C6FB #9EA9D7 #848DB3 #69718F #4F546B #343847 #1A1C23

Hue 

#C3B9FB #BBB9FB #B9BEFB #B9C6FB #B9CDFB #B9D5FB #B9DDFB

Saturation 

#F5F6FB #E1E6FB #CDD6FB #B9C6FB #A4B5FB #90A5FB #7C95FB

Value(Lightness) 

#6D7595 #7C85A9 #8B95BD #9AA5D2 #A9B5E6 #B9C6FB #BBC9FF

Related HTML Color 

LightBlue
#ADD8E6 LightSteelBlue
#B0C4DE PowderBlue
#B0E0E6 PaleTurquoise
#AFEEEE Thistle
#D8BFD8

Complementary

#FBEEB9

Triad

#C5FBB9 #B9C6FB #FBB9C6

Related PANTONE 

PANTONE 2708 C
#B9CBEA PANTONE 2120 C
#BDCAEA
PANTONE 2708 U
#B2C8EE PANTONE 658 U
#B8CEEE

CSS codes

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

Gradient based on #B9C6FB

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

#B9C6FB - #EBEEFD
#B9C6FB - #343847

More natural expression (sky and drinks)

#B9C6FB - #D2E1EF
#B9C6FB - #5573CF

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 #B9C6FB (1.68 : 1)

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

Black and #B9C6FB (12.53 : 1)

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

Utilities

Barcode

Barcode

You can create barcodes online. The created barcode can be downloaded as PNG or EPS.

 Make barcode

colorate

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 color scheme

textate

textate

Make text to image. It is useful when you want to send text on SNS.

 Make text to image