Viridian is a calm, refreshing green-blue color, sitting between teal and jade on the color wheel. Its cool tone evokes tranquility. Related shades include mint and seafoam. Use viridian in designs to add an element of peace and serenity, perfect for nature-inspired themes.
Viridian is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #40826D
- RGB value: 25.1% red, 51.0% green, 42.7% 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 Viridian, consider:
- Mint green (#adebb3): Offers a soft and refreshing hue with similar cool, bluish-green undertones as Viridian.
- Teal (#069494): Captures a vibrant, rich quality akin to Viridian, with a dynamic blend of blue and green.
- Turquoise (#40e0d0): Combines blue and green elements, giving a bright and lively appeal comparable to Viridian.
- Peacock blue (#096c6c): Features a deep, sophisticated blend of blue-green shades, reminiscent of Viridian's elegance.
To complement viridian, consider pairing it with:
- Coral (#FF8559): Coral brings a warm, inviting contrast to viridian, enhancing its depth while maintaining a vibrant color scheme.
- Soft Pink (#E89EB8): Soft pink adds a delicate touch, balancing viridian’s boldness with a gentle, calming effect.
- Champagne (#F7E6CA): Champagne provides an elegant, neutral backdrop, allowing viridian to take center stage in a refined palette.
- Golden Yellow (#FFD700): Golden yellow introduces a hint of brightness, complementing viridian’s rich tones for a lively and bold contrast.
- Slate Gray (#6D8196): Slate gray offers a cool, sophisticated contrast, enhancing viridian’s natural elegance.
Other colors worth considering are misty blue for a serene combination and terracotta for an earthy, grounded palette.
While Viridian is a striking, vibrant green, it may clash with:
- Magenta (#fd3db5): The intense brightness of magenta competes with Viridian, creating a visually jarring contrast that can be overwhelming.
- Scarlet (#ed2100): Scarlet's warmth sharply contrasts with Viridian's cool tones, leading to an uncomfortable visual tension.
- Neon Pink (#ff13f0): Neon Pink's electric vibrancy clashes with Viridian's saturated shades, resulting in a discordant and high-energy pairing.
- Bright Orange (#ff991c): Bright Orange's intensity and warmth conflict with Viridian, creating a contrast that is too pronounced and competing.
- Red (#ff2c2c): Red's bold and vivid presence can overpower Viridian's cool yet vibrant essence, leading to a lack of visual harmony.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Jungle Serenity
Earthy Eucalyptus
Teal Oasis
Contrast 4.53
- Large Text
#40826D
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.63
- Large Text
#40826D
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #40826D, known as viridian, has RGB values of R:64, G:130, B:109 and CMYK values of C:51, M:0, Y:16, K:49.
| Value | CSS | |
|---|---|---|
| HEX | #40826D | #40826D |
| RGB DECIMAL | 64, 130, 109 | RGB(64,130,109) |
| RGB PERCENTAGE | 25.1, 51.0, 42.7 | RGB(25.1%,51.0%,42.7%) |
| CMYK | 51, 0, 16, 49 | |
| HSL | 160.9°, 34.0, 38.0 | HSL(160.9, 34.0%, 38.0%) |
| HSV (OR HSB) | 160.9°, 50.8, 51.0 | |
| WEB SAFE | #336666 | #336666 |
| CIE-LAB | 49.688, -26.476, 4.949 | |
| XYZ | 0.129, 0.182, 0.173 | |
| xyY | 0.251, 0.51, 0.427 | |
| CIE-LCH | 49.688, 26.935, 2.957 | |
| CIE-LUV | 49.688, -29.258, 10.628 | |
| HUNTER-LAB | 49.688, -26.476, 4.949 | |
| BINARY | 01000000, 10000010, 01101101 | |
| iOS - SwiftUI | Color(red: 0.251, green: 0.510, blue: 0.427) | |
| iOS - UIKit | UIColor(red: 0.251, green: 0.510, blue: 0.427, alpha: 1) | |
| Android - Compose | Color(0xFF#40826D) |
