Couleur nommée la plus proche · #BC8D21
#BC8D21
Couleur nommée la plus proche: Nugget
#BC8D21 (rgb(188 141 33), hsl(42 70% 43%), oklch(0.671 0.129 82.7)) est la plus proche de la couleur nommée Nugget. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BC8D21
oklch(0.671 0.129 82.7)
Conversions de couleur
- HEX
- #bc8d21
- RGB
- rgb(188 141 33)
- HSL
- hsl(42 70% 43%)
- HWB
- hwb(42 13% 26%)
- OKLCH
- oklch(0.671 0.129 82.7)
- OKLab
- oklab(0.671 0.016 0.127)
- CIE Lab
- lab(61.98 11.51 59.32)
- LCH
- lch(61.98 60.43 79)
- CMYK
- cmyk(0% 25% 82% 26%)
Teintes · Ombres · Tons
Teintes
- C39841
- CAA45A
- D0AF70
- D7BB85
- DEC69A
- E5D1AE
- EBDDC2
- F2E8D6
- F8F4EB
Ombres
- A37A1B
- 8B6716
- 735510
- 5D440B
- 473306
- 322303
- 1F1401
- 0D0700
- 020100
Tons
- B68C33
- B08B41
- AA8A4B
- A48955
- 9E885D
- 988665
- 92856C
- 8C8373
- 86827A
Harmonies de couleurs
Complémentaire +180°
- BC8D21
Nugget
- 6B94E4
≈ Guilliman Blue
Analogue -30° +30°
- BC8D21
Nugget
- D27D43
≈ Pumpkin Bread
- 979D32
≈ Pickled Cucumber
Triadique +120° +240°
- BC8D21
Nugget
- 00AAB4
≈ Bluebird
- BB79C4
≈ Gulābī Pink
Complémentaire divisée +150° +210°
- BC8D21
Nugget
- 25A2D7
≈ Blue Damselfly
- 9985DD
≈ Perrywinkle
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.01:1 · APCA Lc 57
Ag
AASur noir
WCAG 6.97:1 · APCA Lc 45
Meilleure couleur de texte: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
Extraits de code
CSS
:root {
--nugget: #bc8d21;
--nugget-rgb: 188 141 33;
--nugget-oklch: oklch(0.671 0.129 82.7);
}
.element {
color: var(--nugget);
background-color: hsl(42 70% 43%);
border-color: oklch(0.671 0.129 82.7);
}Tailwind CSS v4
@theme {
--color-nugget: #bc8d21;
--color-nugget-50: #fff3cc;
--color-nugget-100: #fce5b7;
--color-nugget-200: #eed195;
--color-nugget-300: #d6b267;
--color-nugget-400: #c39737;
--color-nugget-500: #af7c00;
--color-nugget-600: #946900;
--color-nugget-700: #775400;
--color-nugget-800: #593c00;
--color-nugget-900: #3e2a00;
--color-nugget-950: #271700;
}SCSS
$nugget: #bc8d21;
$nugget-rgb: 188, 141, 33;
$nugget-light: mix(#fff, $nugget, 20%);
$nugget-dark: mix(#000, $nugget, 20%);
.element {
color: $nugget;
box-shadow: 0 0 0 2px rgba($nugget, 0.35);
}