Bastille Color – #2c2c32: Codes and Complete Breakdown

The Bastille color hex code is #2c2c32, and it is composed of 17% red, 17% green and 20% blue.

Bastille is a dark, dull, desaturated, and cool color at 12% saturation. It has a contrast ratio of 13.88:1 against a white background, which passes WCAG AA (Web Content Accessibility Guidelines, Level AA) compliance.

For better visibility, it is recommended to use the Bastille color (#2c2c32) against light backgrounds.

Bastille color

Bastille Color Shades

Complementary colors

  1. #2C2C32

  2. #5C5C3D

Triadic colors

  1. #2C2C32

  2. #5C3D3D

  3. #3D5C3D

Tints or lighter colors

  1. #44444D

  2. #5C5C68

  3. #747483

  4. #8E8E9C

  5. #A9A9B4

Darker colors

  1. #141417

Analogous colors

  1. #2C3232

  2. #2C2F32

  3. #2C2C32

  4. #2F2C32

  5. #322C32

Monochromatic colors

  1. #07070B

  2. #1D1D28

  3. #353542

  4. #4D4D5E

  5. #64647A

#2c2c32

Bastille Color Codes and Information

Here’s a complete breakdown of the color Bastille, including its HEX, RGB, HSL, and CMYK values, as well as other information about the color.

Data TypeValues/Details
Hex#2c2c32
RGBrgb(44,44,50)
HSLhsl(240,6.4%,18.4%)
CMYK12, 12, 0, 80
HSV240, 12, 20
RGB %17, 17, 20
XYZ2.5, 2.6, 3.4
LAB18.4, 0.6, -3.7
Color CategoryDark
Color FamilyGray
Saturation12%
TemperatureCool
Contrast Ratio Againt White (#ffffff)13.88 (passes WCAG AA)
Contrast Ratio Againt Black (#000000)1.51 (fails WCAG AA)

Similar Colors to Bastille Color

  1. #f8f3f6

    abalone color f8f3f6

    Abalone

  2. #b3b299

    alfalfa color b3b299

    Alfalfa

  3. #727a5f

    aceituna picante color 727a5f

    Aceituna Picante

  4. #5a2538

    zinfandel color 5a2538

    Zinfandel

  5. #7cb9e8

    aero color 7cb9e8

    Aero

  6. #8f9e9d

    abyss color 8f9e9d

    Abyss

  7. #e34636

    alizarin color e34636

    Alizarin

  8. #5f563f

    buzzard color 5f563f

    Buzzard

Related Color Shades