Nearest named color · #B6BD42
#B6BD42
Nearest named color: Sinsemilla
#B6BD42 (rgb(182 189 66), hsl(63 48% 50%), oklch(0.77 0.144 112.5)) is closest to the named color Sinsemilla. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B6BD42
oklch(0.77 0.144 112.5)
Color conversions
- HEX
- #b6bd42
- RGB
- rgb(182 189 66)
- HSL
- hsl(63 48% 50%)
- HWB
- hwb(63 26% 26%)
- OKLCH
- oklch(0.77 0.144 112.5)
- OKLab
- oklab(0.77 -0.055 0.133)
- CIE Lab
- lab(74.33 -14.06 58.5)
- LCH
- lch(74.33 60.17 103.5)
- CMYK
- cmyk(4% 0% 65% 26%)
Tints · Shades · Tones
Tints
- BDC45A
- C4CB70
- CBD183
- D2D896
- D9DFA8
- E1E5BA
- E8ECCB
- F0F2DC
- F7F9EE
Shades
- 9EA438
- 868C2F
- 6F7425
- 595D1C
- 444714
- 30330B
- 1D1F05
- 0C0D01
- 020200
Tones
- B0B74D
- ABB156
- A5AB5E
- A0A565
- 9A9F6A
- 959970
- 8F9374
- 8A8C79
- 85867C
Color harmonies
Complementary +180°
- B6BD42
Sinsemilla
- B7A4FF
≈ Shy Moment
Analogous -30° +30°
- B6BD42
Sinsemilla
- E1AA30
≈ Dried Goldenrod
- 7BCB74
≈ Emerald Rain
Triadic +120° +240°
- B6BD42
Sinsemilla
- 39C3FF
≈ Shovel Knight
- F98BBD
≈ Cochonnet
Split-complementary +150° +210°
- B6BD42
Sinsemilla
- 8CB4FF
≈ Carolina Blue
- DF93EA
≈ Bright Lilac
Tetradic +90° +180° +270°
- B6BD42
Sinsemilla
- 00CCD8
≈ Jade Glass
- B7A4FF
≈ Shy Moment
- FF8F8C
≈ Prime Pink
Contrast & accessibility
Ag
FailOn white
WCAG 2.02:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.34:1 · APCA Lc 63
Best text color: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--sinsemilla: #b6bd42;
--sinsemilla-rgb: 182 189 66;
--sinsemilla-oklch: oklch(0.77 0.144 112.5);
}
.element {
color: var(--sinsemilla);
background-color: hsl(63 48% 50%);
border-color: oklch(0.77 0.144 112.5);
}Tailwind CSS v4
@theme {
--color-sinsemilla: #b6bd42;
--color-sinsemilla-50: #f4fbcc;
--color-sinsemilla-100: #e6eeb7;
--color-sinsemilla-200: #d2dc94;
--color-sinsemilla-300: #b6c066;
--color-sinsemilla-400: #a0a631;
--color-sinsemilla-500: #898e00;
--color-sinsemilla-600: #747800;
--color-sinsemilla-700: #5d6000;
--color-sinsemilla-800: #464600;
--color-sinsemilla-900: #303000;
--color-sinsemilla-950: #1d1c00;
}SCSS
$sinsemilla: #b6bd42;
$sinsemilla-rgb: 182, 189, 66;
$sinsemilla-light: mix(#fff, $sinsemilla, 20%);
$sinsemilla-dark: mix(#000, $sinsemilla, 20%);
.element {
color: $sinsemilla;
box-shadow: 0 0 0 2px rgba($sinsemilla, 0.35);
}