Colors EncyclopediaNamed color
Bamboo
Bamboo color #C7B56E: RGB 199, 181, 110 and HSL 48°, 44%, 61%. Explore its warm yellow profile, contrast, CSS, palettes and harmonies.
Use this color
Create with Bamboo
Open a professional color tool with #C7B56E 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 Bamboo 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-bamboo: #C7B56E;
.bg-bamboo { background-color: #C7B56E; }
.text-bamboo { color: #C7B56E; }Color meaning and use
About Bamboo Color
Bamboo uses HEX #C7B56E, RGB 199, 181, 110, and HSL 48°, 44%, 61%. The dataset classifies it in the yellow family with warm temperature and earth tone visual character.
No separate named-color neighbor is recorded for this entry. Its relative luminance is 0.4632; black contrast is 10.26:1 and white contrast is 2.05:1, making black the stronger of those two standard foreground choices.
WCAG Accessibility
Contrast checks for Bamboo against black and white text.
Black text10.26:1AA Pass
White text2.05:1AA Fail
Downloadable color reference infographic
Bamboo Color Reference Infographic
Save a high-resolution infographic of Bamboo, 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.4632
Black text10.26:1AA Pass
White text2.05:1AA Fail
hexCanonical HEX valuergbRed, green, blue channelshslHue, saturation, lightnesscmykApproximate print conversionwcagAA and AAA contrast optionsharmoniesMathematical harmony setsvariantsGenerated tone variantsnearestColorsKnowledge graph neighborsStructured sections
Color systems
{
"hex": "#C7B56E",
"rgb": [
199,
181,
110
],
"hsl": [
48,
44,
61
],
"cmyk": [
0,
9,
45,
22
],
"luminance": 0.4632,
"contrast": {
"black": 10.26,
"white": 2.05
}
}WCAG
{
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
}Harmonies
{
"complementary": "#7081C7",
"analogous": [
"#C78A70",
"#ADC770"
],
"triadic": [
"#70C7B6",
"#B670C7"
],
"tetradic": [
"#70C78A",
"#7081C7",
"#C770AD"
],
"splitComplementary": [
"#70ADC7",
"#8A70C7"
],
"monochromatic": [
"#E1D8B2",
"#C7B56E",
"#9E8B3D"
]
}Variants
{
"light": "#E1D8B2",
"dark": "#9E8B3D",
"saturated": "#DDC35A",
"desaturated": "#B1A986",
"pastel": "#E6E2D1",
"neon": "#FFDF61"
}Pairings
{
"best": [
"#000000",
"#7081C7",
"#C78A70",
"#ADC770"
],
"avoid": [
"#B1A986",
"#E1D8B2"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#000000"
],
"lowContrast": [
"#E1D8B2",
"#B1A986"
]
}Knowledge graph
{
"nearestColors": [
"sandstone",
"dark-khaki",
"champagne-gold",
"ecru",
"sand"
],
"generatedPalettes": [
"bamboo"
],
"generatedComparisons": [
"bamboo-vs-dark-khaki",
"bamboo-vs-sandstone",
"camel-vs-bamboo",
"champagne-gold-vs-bamboo"
],
"relatedFamilies": [
"/colors/by-family/yellow",
"/colors/by-temperature/warm",
"/colors/by-tone/earth-tone"
],
"relatedTools": [
"/harmonies/bamboo",
"/wcag/bamboo",
"/css/colors/bamboo",
"/hex/c7b56e",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
],
"semanticRelations": {
"broader": [
"/colors/by-family/yellow",
"/colors/by-temperature/warm",
"/colors/by-tone/earth-tone"
],
"narrower": [
"/palettes/bamboo"
],
"related": [
"/colors/sandstone",
"/colors/dark-khaki",
"/colors/champagne-gold",
"/colors/ecru",
"/colors/sand",
"/compare/bamboo-vs-dark-khaki",
"/compare/bamboo-vs-sandstone",
"/compare/camel-vs-bamboo",
"/compare/champagne-gold-vs-bamboo",
"/harmonies/bamboo",
"/wcag/bamboo",
"/css/colors/bamboo",
"/hex/c7b56e",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
]
}
}Full JSON dataset
{
"slug": "bamboo",
"name": "Bamboo",
"hex": "#C7B56E",
"uses": [
"botanical palettes",
"natural product design",
"seasonal editorial palettes"
],
"psychology": {
"associations": [
"life",
"seasonality",
"organic texture"
],
"contexts": [
"floral design",
"garden brands",
"lifestyle",
"packaging"
],
"avoidIn": [
"strict grayscale 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": "yellow",
"temperature": "warm",
"tone": [
"earth-tone"
],
"editorialNotes": "Curated internal color record with computed technical properties.",
"tags": [
"yellow",
"warm",
"earth-tone",
"botanical-palettes",
"natural-product-design",
"seasonal-editorial-palettes",
"life",
"seasonality",
"organic-texture"
],
"popularity": 84,
"rgb": [
199,
181,
110
],
"hsl": [
48,
44,
61
],
"cmyk": [
0,
9,
45,
22
],
"luminance": 0.4632,
"contrast": {
"black": 10.26,
"white": 2.05
},
"harmonies": {
"complementary": "#7081C7",
"analogous": [
"#C78A70",
"#ADC770"
],
"triadic": [
"#70C7B6",
"#B670C7"
],
"tetradic": [
"#70C78A",
"#7081C7",
"#C770AD"
],
"splitComplementary": [
"#70ADC7",
"#8A70C7"
],
"monochromatic": [
"#E1D8B2",
"#C7B56E",
"#9E8B3D"
]
},
"variants": {
"light": "#E1D8B2",
"dark": "#9E8B3D",
"saturated": "#DDC35A",
"desaturated": "#B1A986",
"pastel": "#E6E2D1",
"neon": "#FFDF61"
},
"wcag": {
"AA": [
"#000000",
"#1A1A1A",
"#36454F"
],
"AAA": [
"#000000",
"#1A1A1A"
]
},
"css": {
"variable": "--color-bamboo: #C7B56E;",
"utility": ".bg-bamboo { background-color: #C7B56E; }",
"textUtility": ".text-bamboo { color: #C7B56E; }"
},
"nearestColors": [
"sandstone",
"dark-khaki",
"champagne-gold",
"ecru",
"sand"
],
"generatedPalettes": [
"bamboo"
],
"generatedComparisons": [
"bamboo-vs-dark-khaki",
"bamboo-vs-sandstone",
"camel-vs-bamboo",
"champagne-gold-vs-bamboo"
],
"relatedFamilies": [
"/colors/by-family/yellow",
"/colors/by-temperature/warm",
"/colors/by-tone/earth-tone"
],
"relatedTools": [
"/harmonies/bamboo",
"/wcag/bamboo",
"/css/colors/bamboo",
"/hex/c7b56e",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
],
"semanticRelations": {
"broader": [
"/colors/by-family/yellow",
"/colors/by-temperature/warm",
"/colors/by-tone/earth-tone"
],
"narrower": [
"/palettes/bamboo"
],
"related": [
"/colors/sandstone",
"/colors/dark-khaki",
"/colors/champagne-gold",
"/colors/ecru",
"/colors/sand",
"/compare/bamboo-vs-dark-khaki",
"/compare/bamboo-vs-sandstone",
"/compare/camel-vs-bamboo",
"/compare/champagne-gold-vs-bamboo",
"/harmonies/bamboo",
"/wcag/bamboo",
"/css/colors/bamboo",
"/hex/c7b56e",
"/tools/css-gradient-generator",
"/tools/color-palette-generator",
"/tools/css-color-mixer",
"/tools/contrast-checker"
]
},
"pairings": {
"best": [
"#000000",
"#7081C7",
"#C78A70",
"#ADC770"
],
"avoid": [
"#B1A986",
"#E1D8B2"
],
"neutral": [
"#1A1A1A",
"#F5F5F5",
"#E8E8E4"
],
"highContrast": [
"#000000"
],
"lowContrast": [
"#E1D8B2",
"#B1A986"
]
}
}