Cor nomeada mais próxima · #BF942A
#BF942A
Cor nomeada mais próxima: Nugget
#BF942A (rgb(191 148 42), hsl(43 64% 46%), oklch(0.689 0.128 85.1)) é mais próxima da cor nomeada Nugget. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BF942A
oklch(0.689 0.128 85.1)
Conversões de cor
- HEX
- #bf942a
- RGB
- rgb(191 148 42)
- HSL
- hsl(43 64% 46%)
- HWB
- hwb(43 16% 25%)
- OKLCH
- oklch(0.689 0.128 85.1)
- OKLab
- oklab(0.689 0.011 0.127)
- CIE Lab
- lab(64.13 9.42 58.29)
- LCH
- lch(64.13 59.05 80.8)
- CMYK
- cmyk(0% 23% 78% 25%)
Tons claros · Sombras · Tons
Tons claros
- C59F47
- CCA95F
- D2B474
- D9BF89
- DFCA9D
- E6D4B1
- ECDFC4
- F2EAD8
- F9F4EB
Sombras
- A68023
- 8D6D1C
- 755A16
- 5E4810
- 48360A
- 332605
- 1F1602
- 0D0801
- 020100
Tons
- B9923A
- B29146
- AC8F50
- A68D58
- 9F8B60
- 998967
- 93876E
- 8D8574
- 86827A
Harmonias de cor
Complementar +180°
- BF942A
Nugget
- 7498EA
≈ Guilliman Blue
Análoga -30° +30°
- BF942A
Nugget
- D78447
≈ Seraphim Sepia
- 99A43D
≈ Science Experiment
Tríade +120° +240°
- BF942A
Nugget
- 00AFBE
≈ Deep Turquoise
- C37EC6
≈ Lavender Sweater
Complementar dividida +150° +210°
- BF942A
Nugget
- 37A7DE
≈ Thalassophile
- A18AE1
≈ Middy’s Purple
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.48:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--nugget: #bf942a;
--nugget-rgb: 191 148 42;
--nugget-oklch: oklch(0.689 0.128 85.1);
}
.element {
color: var(--nugget);
background-color: hsl(43 64% 46%);
border-color: oklch(0.689 0.128 85.1);
}Tailwind CSS v4
@theme {
--color-nugget: #bf942a;
--color-nugget-50: #fff4cc;
--color-nugget-100: #fae6b8;
--color-nugget-200: #ecd195;
--color-nugget-300: #d3b368;
--color-nugget-400: #c19838;
--color-nugget-500: #ac7d00;
--color-nugget-600: #926a00;
--color-nugget-700: #755500;
--color-nugget-800: #573d00;
--color-nugget-900: #3d2a00;
--color-nugget-950: #271700;
}SCSS
$nugget: #bf942a;
$nugget-rgb: 191, 148, 42;
$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);
}