Nearest named color · #B9BE55
#B9BE55
Nearest named color: Sinsemilla
#B9BE55 (rgb(185 190 85), hsl(63 45% 54%), oklch(0.776 0.129 111.5)) is closest to the named color Sinsemilla. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B9BE55
oklch(0.776 0.129 111.5)
Color conversions
- HEX
- #b9be55
- RGB
- rgb(185 190 85)
- HSL
- hsl(63 45% 54%)
- HWB
- hwb(63 33% 25%)
- OKLCH
- oklch(0.776 0.129 111.5)
- OKLab
- oklab(0.776 -0.047 0.12)
- CIE Lab
- lab(74.99 -12.32 51.23)
- LCH
- lch(74.99 52.69 103.5)
- CMYK
- cmyk(3% 0% 55% 25%)
Tints · Shades · Tones
Tints
- C0C569
- C6CB7B
- CDD28D
- D4D89E
- DBDFAE
- E2E5BE
- E9ECCF
- F0F2DF
- F8F9EF
Shades
- A0A549
- 898C3D
- 717531
- 5B5E26
- 46481C
- 313311
- 1E1F08
- 0D0D02
- 020200
Tones
- B3B85C
- ADB262
- A7AB68
- A1A56C
- 9C9F71
- 969974
- 909378
- 8B8C7B
- 85867E
Color harmonies
Complementary +180°
- B9BE55
Sinsemilla
- B7A7FF
≈ Shy Moment
Analogous -30° +30°
- B9BE55
Sinsemilla
- E0AD4A
≈ Brass Buttons
- 86CB7D
≈ Fresh Cut Grass
Triadic +120° +240°
- B9BE55
Sinsemilla
- 4FC4FA
≈ Shovel Knight
- F493BF
≈ Pastel Magenta
Split-complementary +150° +210°
- B9BE55
Sinsemilla
- 8EB6FF
≈ Carolina Blue
- DC9AE8
≈ Bright Ube
Tetradic +90° +180° +270°
- B9BE55
Sinsemilla
- 1BCED9
≈ Jade Glass
- B7A7FF
≈ Shy Moment
- FE9391
≈ Cherished One
Contrast & accessibility
Ag
FailOn white
WCAG 1.98:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.55:1 · APCA Lc 64
Best text color: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--sinsemilla: #b9be55;
--sinsemilla-rgb: 185 190 85;
--sinsemilla-oklch: oklch(0.776 0.129 111.5);
}
.element {
color: var(--sinsemilla);
background-color: hsl(63 45% 54%);
border-color: oklch(0.776 0.129 111.5);
}Tailwind CSS v4
@theme {
--color-sinsemilla: #b9be55;
--color-sinsemilla-50: #f4fad0;
--color-sinsemilla-100: #e7edbc;
--color-sinsemilla-200: #d3db9b;
--color-sinsemilla-300: #b7bf70;
--color-sinsemilla-400: #a1a542;
--color-sinsemilla-500: #8a8d00;
--color-sinsemilla-600: #757800;
--color-sinsemilla-700: #5d6002;
--color-sinsemilla-800: #464600;
--color-sinsemilla-900: #303001;
--color-sinsemilla-950: #1d1c00;
}SCSS
$sinsemilla: #b9be55;
$sinsemilla-rgb: 185, 190, 85;
$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);
}