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

HEX #BBCACF
NAME -
TONE pale blue
RGB 187 202 207
HSV 194° 9% 81%
CMYK 9% 2% 0% 18%
Provide color information and color scheme for #BBCACF. #BBCACF is pale blue. The component of #BBCACF is RGB(187 202 207). The complementary color of #BBCACF is #CFC0BB. Blue is the color that is reminiscent of reassurance and trust. It is the color that calms the feeling, and it is popular as a friendly color. Blue is also the color that evokes sorrow, so be careful.

Color schemes with #BBCACF

Modest and mature color scheme   

base
#6F878F main
#BBCACF accent
#33484F

Mild and soft color scheme   

base
#758595 main
#BBCACF accent
#3E445C

Powerful and flashy color scheme   

base
#617A82 main
#BBCACF accent
#826961

Colorful and harmonious color scheme   

base
#556D75 main
#BBCACF accent
#755560 accent
#757055

Color schemes example

Fine adjustment from #BBCACF

Tint(add white) 

#BBCACF #C4D1D5 #CED9DC #D8E0E3 #E1E8EA #EBEFF1 #F5F7F8

Shade(add black) 

#BBCACF #A0ADB1 #859093 #6A7376 #505658 #35393B #1A1C1D

Hue 

#BBC2CF #BBC5CF #BBC7CF #BBCACF #BBCCCF #BBCECF #BBCFCC

Saturation 

#CFCFCF #CBCECF #BBCACF #AAC5CF #99C1CF #89BDCF #78B9CF

Value(Lightness) 

#838E91 #96A2A6 #A8B6BA #BBCACF #CDDDE3 #DFF1F7 #E6F8FF

Related HTML Color 

Silver
#C0C0C0 LightSteelBlue
#B0C4DE LightGray
#D3D3D3 LightBlue
#ADD8E6 Thistle
#D8BFD8

Complementary

#CFC0BB

Triad

#C9CFBB #BBCACF #CFBBCA

Related PANTONE 

PANTONE 5523 C
#B7CECF PANTONE 5445 C
#B8C7D3
PANTONE 5445 U
#B3C6D2 PANTONE 427 U
#C2C7C9

CSS codes

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

Gradient based on #BBCACF

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

#BBCACF - #EBEFF1
#BBCACF - #35393B

More natural expression (sky and drinks)

#BBCACF - #EAE4DA
#BBCACF - #6A7A90

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 #BBCACF (1.69 : 1)

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

Black and #BBCACF (12.46 : 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