Colors EncyclopediaNamed color
Viridian
Viridian color #40826D: RGB 64, 130, 109 and HSL 161°, 34%, 38%. Explore its cool green profile, contrast, CSS, palettes and harmonies.
Use this color
Create with Viridian
Open a professional color tool with #40826D already applied. Each configuration stays canonical to the tool and can be adjusted or shared.
Generate palette & CSS variablesCreate 50–950 tokens and export CSS, SCSS, JSON, or Tailwind.Open configured tool →Open in Gradient StudioStart with Viridian and its complementary color.Open configured tool →Mix this colorBlend it with a complementary color and copy color-mix() CSS.Open configured tool →Check contrastOpen the strongest black or white background pairing.Open configured tool →Accessible combinationsReview AA and AAA text options, alternatives, warnings, and UI guidance.Open configured tool →Create glass surfaceUse this color as the tint for a translucent UI panel.Open configured tool →
CSS Utilities
--color-viridian: #40826D;
.bg-viridian { background-color: #40826D; }
.text-viridian { color: #40826D; }Color meaning and use
About Viridian Color
Viridian uses HEX #40826D, RGB 64, 130, 109, and HSL 161°, 34%, 38%. The dataset classifies it in the green family with cool temperature and earth tone visual character.
No separate named-color neighbor is recorded for this entry. Its relative luminance is 0.1816; black contrast is 4.63:1 and white contrast is 4.53:1, making black the stronger of those two standard foreground choices.
WCAG Accessibility
Contrast checks for Viridian against black and white text.
Black text4.63:1AA Pass
White text4.53:1AA Pass
Downloadable color reference infographic
Viridian Color Reference Infographic
Save a high-resolution infographic of Viridian, including its color values, coordinated palette, and black and white text contrast.
Color Harmonies
Variants
Pairings
Machine-readable data
Machine-Readable Color Data (JSON)
Perfect for CSS, design systems, automation, and AI ingestion.
Luminance0.1816
Black text4.63:1AA Pass
White text4.53:1AA Pass
hexCanonical HEX valuergbRed, green, blue channelshslHue, saturation, lightnesscmykApproximate print conversionwcagAA and AAA contrast optionsharmoniesMathematical harmony setsvariantsGenerated tone variantsnearestColorsKnowledge graph neighborsStructured sections
Color systems
{
"hex": "#40826D",
"rgb": [
64,
130,
109
],
"hsl": [
161,
34,
38
],
"cmyk": [
51,
0,
16,
49
],
"luminance": 0.1816,
"contrast": {
"black": 4.63,
"white": 4.53
}
}WCAG
{
"AA": [
"#000000",
"#FFFFFF"
],
"AAA": []
}Harmonies
{
"complementary": "#824055",
"analogous": [
"#40824C",
"#407682"
],
"triadic": [
"#6D4082",
"#826D40"
],
"tetradic": [
"#4C4082",
"#824055",
"#768240"
],
"splitComplementary": [
"#824076",
"#824C40"
],
"monochromatic": [
"#69B59D",
"#40826D",
"#224439"
]
}Variants
{
"light": "#69B59D",
"dark": "#224439",
"saturated": "#2B9775",
"desaturated": "#556D65",
"pastel": "#8FB3A7",
"neon": "#00EBA0"
}Pairings
{
"best": [
"#000000",
"#824055",
"#40824C",
"#407682"
],
"avoid": [
"#556D65",
"#69B59D"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#000000"
],
"lowContrast": [
"#69B59D",
"#556D65"
]
}Knowledge graph
{
"nearestColors": [
"alexandrite",
"hookers-green",
"epoxy-green",
"sea-green",
"aegean-blue"
],
"generatedPalettes": [
"viridian"
],
"generatedComparisons": [
"alexandrite-vs-viridian",
"hookers-green-vs-viridian",
"sea-green-vs-viridian"
],
"relatedFamilies": [
"/colors/by-family/green",
"/colors/by-temperature/cool",
"/colors/by-tone/earth-tone"
],
"relatedTools": [
"/harmonies/viridian",
"/wcag/viridian",
"/css/colors/viridian",
"/hex/40826d",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
],
"semanticRelations": {
"broader": [
"/colors/by-family/green",
"/colors/by-temperature/cool",
"/colors/by-tone/earth-tone"
],
"narrower": [
"/palettes/viridian"
],
"related": [
"/colors/alexandrite",
"/colors/hookers-green",
"/colors/epoxy-green",
"/colors/sea-green",
"/colors/aegean-blue",
"/compare/alexandrite-vs-viridian",
"/compare/hookers-green-vs-viridian",
"/compare/sea-green-vs-viridian",
"/harmonies/viridian",
"/wcag/viridian",
"/css/colors/viridian",
"/hex/40826d",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
]
}
}Full JSON dataset
{
"slug": "viridian",
"name": "Viridian",
"hex": "#40826D",
"uses": [
"historical references",
"pigment palettes",
"cultural color systems"
],
"psychology": {
"associations": [
"heritage",
"craft",
"specificity"
],
"contexts": [
"museum design",
"education",
"editorial research",
"cultural references"
],
"avoidIn": [
"generic unlabeled palette systems"
]
},
"aliases": [],
"sourceType": "curated",
"confidence": "medium",
"reviewStatus": "manual",
"sourceUrl": "https://www.colorsencyclopedia.com/assets/colors.json",
"origin": {
"type": "common",
"notes": "Curated common color reference used in design, material, cultural, and editorial color systems."
},
"family": "green",
"temperature": "cool",
"tone": [
"earth-tone"
],
"editorialNotes": "Curated internal color record with computed technical properties.",
"tags": [
"green",
"cool",
"earth-tone",
"historical-references",
"pigment-palettes",
"cultural-color-systems",
"heritage",
"craft",
"specificity"
],
"popularity": 84,
"rgb": [
64,
130,
109
],
"hsl": [
161,
34,
38
],
"cmyk": [
51,
0,
16,
49
],
"luminance": 0.1816,
"contrast": {
"black": 4.63,
"white": 4.53
},
"harmonies": {
"complementary": "#824055",
"analogous": [
"#40824C",
"#407682"
],
"triadic": [
"#6D4082",
"#826D40"
],
"tetradic": [
"#4C4082",
"#824055",
"#768240"
],
"splitComplementary": [
"#824076",
"#824C40"
],
"monochromatic": [
"#69B59D",
"#40826D",
"#224439"
]
},
"variants": {
"light": "#69B59D",
"dark": "#224439",
"saturated": "#2B9775",
"desaturated": "#556D65",
"pastel": "#8FB3A7",
"neon": "#00EBA0"
},
"wcag": {
"AA": [
"#000000",
"#FFFFFF"
],
"AAA": []
},
"css": {
"variable": "--color-viridian: #40826D;",
"utility": ".bg-viridian { background-color: #40826D; }",
"textUtility": ".text-viridian { color: #40826D; }"
},
"nearestColors": [
"alexandrite",
"hookers-green",
"epoxy-green",
"sea-green",
"aegean-blue"
],
"generatedPalettes": [
"viridian"
],
"generatedComparisons": [
"alexandrite-vs-viridian",
"hookers-green-vs-viridian",
"sea-green-vs-viridian"
],
"relatedFamilies": [
"/colors/by-family/green",
"/colors/by-temperature/cool",
"/colors/by-tone/earth-tone"
],
"relatedTools": [
"/harmonies/viridian",
"/wcag/viridian",
"/css/colors/viridian",
"/hex/40826d",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
],
"semanticRelations": {
"broader": [
"/colors/by-family/green",
"/colors/by-temperature/cool",
"/colors/by-tone/earth-tone"
],
"narrower": [
"/palettes/viridian"
],
"related": [
"/colors/alexandrite",
"/colors/hookers-green",
"/colors/epoxy-green",
"/colors/sea-green",
"/colors/aegean-blue",
"/compare/alexandrite-vs-viridian",
"/compare/hookers-green-vs-viridian",
"/compare/sea-green-vs-viridian",
"/harmonies/viridian",
"/wcag/viridian",
"/css/colors/viridian",
"/hex/40826d",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
]
},
"pairings": {
"best": [
"#000000",
"#824055",
"#40824C",
"#407682"
],
"avoid": [
"#556D65",
"#69B59D"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#000000"
],
"lowContrast": [
"#69B59D",
"#556D65"
]
}
}