Cor nomeada · #BF7E41
Beeswax Candle
Beeswax Candle é #BF7E41: rgb(191 126 65), hsl(29 50% 50%), oklch(0.649 0.112 61.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Beeswax Candle color name →
#BF7E41
oklch(0.649 0.112 61.8)
Conversões de cor
- HEX
- #bf7e41
- RGB
- rgb(191 126 65)
- HSL
- hsl(29 50% 50%)
- HWB
- hwb(29 25% 25%)
- OKLCH
- oklch(0.649 0.112 61.8)
- OKLab
- oklab(0.649 0.053 0.098)
- CIE Lab
- lab(58.85 21.75 43.21)
- LCH
- lch(58.85 48.37 63.3)
- CMYK
- cmyk(0% 34% 66% 25%)
Tons claros · Sombras · Tons
Tons claros
- C68B56
- CD9869
- D4A47C
- DAB18F
- E1BEA1
- E7CBB4
- EDD8C6
- F3E5D9
- F9F2EC
Sombras
- A66D37
- 8D5C2E
- 754C25
- 5E3C1C
- 482D13
- 331F0B
- 1F1105
- 0D0501
- 020100
Tons
- B97F4A
- B37F51
- AD8058
- A7805F
- A08065
- 9A806B
- 948070
- 8D8076
- 87807B
Harmonias de cor
Complementar +180°
- BF7E41
Beeswax Candle
- 4996CD
≈ Perfect Sky
Análoga -30° +30°
- BF7E41
Beeswax Candle
- C97463
≈ Peach Macaron
- A78C33
≈ Sullen Gold
Tríade +120° +240°
- BF7E41
Beeswax Candle
- 1AA494
≈ Tropical Sea
- 9B7EC7
≈ Lilac Purple
Complementar dividida +150° +210°
- BF7E41
Beeswax Candle
- 0AA0B6
≈ January Blue
- 778AD3
≈ True Lavender
Tétrade +90° +180° +270°
- BF7E41
Beeswax Candle
- 55A26C
≈ Great Gazoo
- 4996CD
≈ Perfect Sky
- B674AD
≈ Eccentric Magenta
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.34:1 · APCA Lc 61
Ag
AASobre preto
WCAG 6.27:1 · APCA Lc 41
Melhor cor de texto: #000000
WCAG 6.27:1 (AA) · APCA Lc 41
Contrast pairs
Trechos de código
CSS
:root {
--beeswax-candle: #bf7e41;
--beeswax-candle-rgb: 191 126 65;
--beeswax-candle-oklch: oklch(0.649 0.112 61.8);
}
.element {
color: var(--beeswax-candle);
background-color: hsl(29 50% 50%);
border-color: oklch(0.649 0.112 61.8);
}Tailwind CSS v4
@theme {
--color-beeswax-candle: #bf7e41;
--color-beeswax-candle-50: #ffefd5;
--color-beeswax-candle-100: #ffe1c2;
--color-beeswax-candle-200: #f7cba3;
--color-beeswax-candle-300: #e0ab7b;
--color-beeswax-candle-400: #ce8f56;
--color-beeswax-candle-500: #ba732c;
--color-beeswax-candle-600: #9d6227;
--color-beeswax-candle-700: #7e4e1f;
--color-beeswax-candle-800: #5e3815;
--color-beeswax-candle-900: #42260e;
--color-beeswax-candle-950: #2a1402;
}SCSS
$beeswax-candle: #bf7e41;
$beeswax-candle-rgb: 191, 126, 65;
$beeswax-candle-light: mix(#fff, $beeswax-candle, 20%);
$beeswax-candle-dark: mix(#000, $beeswax-candle, 20%);
.element {
color: $beeswax-candle;
box-shadow: 0 0 0 2px rgba($beeswax-candle, 0.35);
}