Couleur nommée la plus proche · #B6BD42
#B6BD42
Couleur nommée la plus proche: Sinsemilla
#B6BD42 (rgb(182 189 66), hsl(63 48% 50%), oklch(0.77 0.144 112.5)) est la plus proche de la couleur nommée Sinsemilla. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B6BD42
oklch(0.77 0.144 112.5)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- BDC45A
- C4CB70
- CBD183
- D2D896
- D9DFA8
- E1E5BA
- E8ECCB
- F0F2DC
- F7F9EE
Ombres
- 9EA438
- 868C2F
- 6F7425
- 595D1C
- 444714
- 30330B
- 1D1F05
- 0C0D01
- 020200
Tons
- B0B74D
- ABB156
- A5AB5E
- A0A565
- 9A9F6A
- 959970
- 8F9374
- 8A8C79
- 85867C
Harmonies de couleurs
Complémentaire +180°
- B6BD42
Sinsemilla
- B7A4FF
≈ Shy Moment
Analogue -30° +30°
- B6BD42
Sinsemilla
- E1AA30
≈ Dried Goldenrod
- 7BCB74
≈ Emerald Rain
Triadique +120° +240°
- B6BD42
Sinsemilla
- 39C3FF
≈ Shovel Knight
- F98BBD
≈ Cochonnet
Complémentaire divisée +150° +210°
- B6BD42
Sinsemilla
- 8CB4FF
≈ Carolina Blue
- DF93EA
≈ Bright Lilac
Tétradique +90° +180° +270°
- B6BD42
Sinsemilla
- 00CCD8
≈ Jade Glass
- B7A4FF
≈ Shy Moment
- FF8F8C
≈ Prime Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.02:1 · APCA Lc 39
Ag
AAASur noir
WCAG 10.34:1 · APCA Lc 63
Meilleure couleur de texte: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Extraits de code
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);
}