Color |

#bf3353

99% similar to Dingy Dungeon

#bf3353 Color Description

The color, represented by the hex code #bf3353, has several defining characteristics. This shade is primarily a medium and moderately saturated representation of Red- Orange. What does this mean? Well,

This particular color has a brightness level of 97 and based on luminance value of 0.141 This color is almost black with minimal brightness. These features help the color stand out in the spectrum, making it uniquely identifiable. Furthermore, under different lighting conditions, it can be perceived as dark, emphasizing its versatility.

In the RGB color space, the hexadecimal code '#bf3353' is predominantly red with a value of 74.9%. This is complemented by 32.5% blue. Green is the least dominant color at 20%.

Lastly, this color possesses an alpha value of 1. This value denotes its level of transparency, offering various visual effects and layering opportunities.

Color Schemes

This guide explores the transformations of the original color #bf3353 through various color schemes, providing a rich array of palettes suitable for different design needs. Monochromatic Color Schemes: Derived from a single base hue #bf3353, this scheme extends using its shades, tones, and tints. Monochromatic palettes offer a cohesive and elegant look, ideal for minimalist designs. Analogous Complementary Color Schemes: This approach combines the base color with the two colors adjacent to its complementary color, creating a balanced contrast that enhances visual harmony. Split Complementary Colors: A base color and the two colors adjacent to its complementary color, creating a balanced contrast. Triadic Color Schemes: Featuring three colors evenly spaced around the color wheel, triadic schemes result in vibrant and diverse palettes, perfect for dynamic and engaging designs. Tetradic Color Schemes: Formed by four colors creating a rectangle on the color wheel, tetradic schemes offer rich and varied palettes, providing versatility and depth. Complementary Color Schemes: Utilizing colors opposite each other on the color wheel, this scheme provides strong contrast, making elements stand out boldly. These transformations illustrate how a single color can be adapted to various design contexts, ensuring both aesthetic appeal and functional versatility.

Matching hex color to Pantone Colors Explore Similar Pantone Shades

Uncover a world of color possibilities with Matching hex to Pantone Colors. This feature allows you to explore a variety of Pantone shades that closely align with any given base color. Each displayed color provides essential information, including the Pantone color name, its specific guide classification, and the exact percentage of similarity to the initial shade. With the ease of copying hex codes and accessing detailed color information, this feature serves as a valuable resource for designers, artists, and anyone with a passion for color. Dive into the exploration of harmonious hues and enhance your color knowledge and palette!

Above 90%

Excellent Match! This color is an excellent match, capturing the vibrant and warm essence of the base color with great fidelity. It’s a top choice for projects aiming to evoke the same mood and feeling as the base color.

PANTONE P 62-16 C

CMYK Color Guide Coated

PANTONE 18-1852 TPG

Fashion, Home + Interiors

PANTONE 10171 C

Premium Metallics Coated

PANTONE 18-1661 TPX

Fashion, Home + Interiors

PANTONE 7635 C

Solid Color Coated

PANTONE P 59-16 U

CMYK Color Guide Uncoated

PANTONE 7425 CP

Color Bridge Coated

PANTONE 18-1661 TCX

Fashion, Home + Interiors

PANTONE 1935 U

Solid Color UnCoated

PANTONE 7737 UP

Color Bridge Uncoated

PANTONE 8883 C

Metallics Coated

70% to 80%

Good Match! This color is a good match, holding a respectable resemblance to the base color. It offers a slightly different flavor while still resonating with the hue, bringing variety and richness to your design palette.

PANTONE 807 C

Pastels & Neons Coated

PANTONE 807 U

Pastels & Neons UnCoated

Color Transformation Variations

This guide showcases the transformations of an original color #bf3353 through various modifications. The following transformations are applied:

Original Color
#bf3353
Lightened (by 20%)
#dc7c92
Brightened (by 20%)
#ffafc5
Darkened (by 20%)
#ff497b
Desaturated (by 20%)
#ed5b83
Saturated (by 20%)
#ff497b
Greyscale
#a4a4a4
Spun by 180 degrees
#a4a4a4
Spun by -90 degrees
#a4a4a4
Spun by 90 degrees
#a4a4a4

Color Preview

The Color Preview Tool is designed to help users evaluate the readability and visual appeal of text when displayed on different background and text color combinations. This tool offers previews in both black and white backgrounds with colored text and colored backgrounds with black and white text.

Black Background
Not Readable

Lorem Ipsum What is Lorem Ipsum?

Lorem ipsum dolor sit dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore MAGNA aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

White Background
Readable

Lorem Ipsum What is Lorem Ipsum?

Lorem ipsum dolor sit dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore MAGNA aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Black Text
Not Readable

Lorem Ipsum What is Lorem Ipsum?

Lorem ipsum dolor sit dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore MAGNA aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

White Text
Readable

Lorem Ipsum What is Lorem Ipsum?

Lorem ipsum dolor sit dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore MAGNA aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Color Conversion Data

The hexadecimal color code defines a distinct shade that can be translated into a variety of color formats. The following are conversions of this hex color into different representations including Rgb, Cmy, Cmyk, Hsl, HSB/HSV, XYZ, Yxy, Hunter-Lab, and Grayscale.

HEX: #bf3353

HEX color codes are hexadecimal triplets representing the colors red, green, and blue. These codes are used on web pages.

RGB: 191, 51, 83

RGB stands for Red, Green, and Blue. These colors can be combined to produce any color in the visible spectrum.

RGB %: 74.9%, 20%, 32.5%

RGB% represents the RGB values in percentage format, indicating the intensity of each color.

HSL: 346° , 58% , 47%

HSL stands for Hue, Saturation, and Lightness. It represents colors based on three characteristics: the type of color (hue), the vibrancy (saturation), and the brightness (lightness).

CMY: 0.251, 0.8, 0.675

CMY stands for Cyan, Magenta, and Yellow. This color model is subtractive, meaning colors are created by subtracting light.

CMYK: 0%, 73%, 57%, 25%

CMYK includes Cyan, Magenta, Yellow, and Black. It is a subtractive color model used in color printing.

HSB/HSV: 346° , 73% , 75%

HSB/HSV stands for Hue, Saturation, and Brightness/Value. It is a representation of color similar to HSL, but it models brightness differently.

XYZ: 24.231, 14.069, 9.622

The CIE 1931 color space (XYZ) is a scientific model ensuring color consistency across different devices. It was created by the International Commission on Illumination.

Yxy: 14.069 , 0.506 , 0.294

Yxy is a representation of the XYZ color space, focusing on luminance (Y) and chromaticity (x and y).

xyY: 0.506 , 0.294 , 14.069

xyY is another representation of the XYZ color space, emphasizing chromaticity and luminance.

CIE-LAB: 44.33, 56.99, 14.94

CIE-LAB is a color space with three axes: L* (lightness), a* (green to red), and b* (blue to yellow). It was introduced by the International Commission on Illumination.

CIE-LCH: 44.331 , 58.917 , 14.685

CIE-LCH is a cylindrical representation of CIE-LAB, with L* representing lightness, C* chroma, and H* hue angle.

Websafe Color: #CC3568

Websafe colors are a set of 216 colors considered safe and reliable to use on all computer monitors and web browsers in the early days of the web.

Grayscale: #616262

Grayscale is a range of monochromatic shades from black to white. Grayscale images have only intensity information.

Color Mixing Result

This display presents a variety of results achieved by mixing a base color with a range of different colors. Each card features a distinct color created by blending varying percentages of the base color with another hue. This organized arrangement provides a clear view of the color blending outcomes.

s2Member®