Named color · #DABA55
Golden Bass
Golden Bass is #DABA55: rgb(218 186 85), hsl(46 64% 59%), oklch(0.797 0.125 91.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Golden Bass color name →
#DABA55
oklch(0.797 0.125 91.7)
Color conversions
- HEX
- #daba55
- RGB
- rgb(218 186 85)
- HSL
- hsl(46 64% 59%)
- HWB
- hwb(46 33% 15%)
- OKLCH
- oklch(0.797 0.125 91.7)
- OKLab
- oklab(0.797 -0.004 0.125)
- CIE Lab
- lab(76.89 3.39 54.31)
- LCH
- lch(76.89 54.42 86.4)
- CMYK
- cmyk(0% 15% 61% 15%)
Tints · Shades · Tones
Tints
- DEC169
- E1C87C
- E5CF8D
- E9D69E
- ECDDAF
- F0E4BF
- F4EBCF
- F8F2DF
- FBF8EF
Shades
- BDA149
- A2893D
- 877231
- 6C5C26
- 54461C
- 3C3211
- 251E08
- 110D02
- 020200
Tones
- D1B45C
- C7AF63
- BEA968
- B5A36D
- AC9D71
- A39775
- 9A9278
- 918C7B
- 89867E
Color harmonies
Complementary +180°
- DABA55
Golden Bass
- A5B9FF
≈ Truesky Gloxym
Analogous -30° +30°
- DABA55
Golden Bass
- F6AA64
≈ Candied Yams
- B0CA6A
≈ Young Leaf
Triadic +120° +240°
- DABA55
Golden Bass
- 3DD2EB
≈ Thousand Sons Blue
- EC9EE1
≈ Candy Floss
Split-complementary +150° +210°
- DABA55
Golden Bass
- 77C6FF
≈ Maya Blue
- CBAAFF
≈ Purple Hepatica
Tetradic +90° +180° +270°
- DABA55
Golden Bass
- 45D7C2
≈ Turquoise Panic
- A5B9FF
≈ Truesky Gloxym
- FF9AB7
≈ Saira Red
Contrast & accessibility
Ag
FailOn white
WCAG 1.88:1 · APCA Lc 36
Ag
AAAOn black
WCAG 11.13:1 · APCA Lc 67
Best text color: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
Code snippets
CSS
:root {
--golden-bass: #daba55;
--golden-bass-rgb: 218 186 85;
--golden-bass-oklch: oklch(0.797 0.125 91.7);
}
.element {
color: var(--golden-bass);
background-color: hsl(46 64% 59%);
border-color: oklch(0.797 0.125 91.7);
}Tailwind CSS v4
@theme {
--color-golden-bass: #daba55;
--color-golden-bass-50: #fff5cd;
--color-golden-bass-100: #f6e8b9;
--color-golden-bass-200: #e6d497;
--color-golden-bass-300: #cdb66a;
--color-golden-bass-400: #b99c3b;
--color-golden-bass-500: #a48200;
--color-golden-bass-600: #8b6e00;
--color-golden-bass-700: #6f5800;
--color-golden-bass-800: #534000;
--color-golden-bass-900: #3a2c00;
--color-golden-bass-950: #241900;
}SCSS
$golden-bass: #daba55;
$golden-bass-rgb: 218, 186, 85;
$golden-bass-light: mix(#fff, $golden-bass, 20%);
$golden-bass-dark: mix(#000, $golden-bass, 20%);
.element {
color: $golden-bass;
box-shadow: 0 0 0 2px rgba($golden-bass, 0.35);
}