Figma color wheel
Want to find the perfect complementary or analogous colors to match Denim color?
Denim is a versatile blue, evoking comfort and casual style. It sits between blue and gray on the color wheel, like a softened indigo. Shades range from deep blue jeans to lighter chambray. Ideal for relaxed designs, denim pairs well with neutrals for a comfy, stylish vibe.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Ocean Forge
Cobalt Harvest
Sky Gold
Denim color is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #1560BD
- RGB value: 8.2% red, 37.6% green, 74.1% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as denim, consider:
- Chambray (#A4C8E1): Chambray showcases a soft, soothing blue reminiscent of faded denim fabric, with a slightly lighter and airier tone.
- Slate Blue (#557c99): Slate Blue features a muted, grayish-blue shade, mirroring denim's worn look and versatile appeal.
- Cobalt Blue (#0047ab): Cobalt Blue reflects the rich, deep hue found in new denim, with its vibrant yet classic intensity.
- Glaucous (#678dc6): Glaucous offers a grayish-blue reminiscent of an overcast sky, capturing the depth and cool tone akin to denim.
To complement Denim, consider pairing it with:
- Saffron (#F1C338): This warm, golden hue brings out the cool undertones of denim, creating a visually appealing contrast that highlights both colors.
- Wine (#722F37): The deep, rich tones of wine offer a sophisticated contrast to denim, enhancing its classic appeal and adding elegance to any design.
- Mint Green (#ADEBB3): A refreshing and cool option, mint green harmonizes with denim's cool tones, providing a breath of freshness in the color palette.
- Coral (#FF8559): With its lively and vibrant presence, coral adds a playful, energetic touch to denim, perfect for creating a cheerful and dynamic atmosphere.
- Ruby (#E0115F): The boldness of ruby enhances denim's versatility, providing a striking juxtaposition that makes each color shine.
While denim is a classic and versatile color, it may clash with:
- Neon Green (#2CFF05): Its brightness and intense saturation can overwhelm denim, making it difficult to achieve a harmonious balance.
- Scarlet (#ED2100): The high energy of scarlet may create visual tension when paired with the calm, grounding effect of denim.
- Bright Yellow (#FFED29): This hue's vividness can be jarring against denim's muted tones, leading to a clash in dominance.
- Fuchsia (#FF00FF): Fuchsia's vibrancy can compete with denim, resulting in an overly bold combination that detracts from denim's versatility.
- Electric Blue (#00F0FF): Its brightness can overshadow denim, leading to a pairing that lacks harmony and visual focus.
Contrast checker
Contrast 6.1
- Large Text
#1560BD
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.44
- Large Text
#1560BD
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #1560BD, known as Denim color, has RGB values of R:21, G:96, B:189 and CMYK values of C:89, M:49, Y:0, K:26.
| VALUE | CSS | |
|---|---|---|
| HEX | #1560BD | #1560BD |
| RGB DECIMAL | 21, 96, 189 | RGB(21,96,189) |
| RGB PERCENTAGE | 8.2, 37.6, 74.1 | RGB(8.2%,37.6%,74.1%) |
| CMYK | 89, 49, 0, 26 | |
| HSL | HSL(213.2, 80.0%, 41.2%) | HSL(213.2, 80.0%, 41.2%) |
| HSV (OR HSB) | 213.2°, 88.9, 74.1 | |
| WEB SAFE | #0102204 | #0102204 |
| BINARY | 00010101, 01100000, 10111101 | |
| iOS - SwiftUI | Color(red: 0.082, green: 0.376, blue: 0.741) | |
| iOS - UIKit | UIColor(red: 0.082, green: 0.376, blue: 0.741, alpha: 1) | |
| Android - Compose | Color(0xFF1560BD) |
