Cor nomeada · #B3833F
Honeysuckle Blast
Honeysuckle Blast é #B3833F: rgb(179 131 63), hsl(35 48% 47%), oklch(0.644 0.103 73.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Honeysuckle Blast color name →
#B3833F
oklch(0.644 0.103 73.6)
Conversões de cor
- HEX
- #b3833f
- RGB
- rgb(179 131 63)
- HSL
- hsl(35 48% 47%)
- HWB
- hwb(35 25% 30%)
- OKLCH
- oklch(0.644 0.103 73.6)
- OKLab
- oklab(0.644 0.029 0.099)
- CIE Lab
- lab(58.6 13.84 43.42)
- LCH
- lch(58.6 45.57 72.3)
- CMYK
- cmyk(0% 27% 65% 30%)
Tons claros · Sombras · Tons
Tons claros
- BB8F54
- C39B68
- CAA87B
- D2B48E
- DAC0A0
- E1CDB3
- E9D9C6
- F0E6D9
- F8F2EC
Sombras
- 9B7135
- 84602C
- 6E4F23
- 583F1B
- 432F12
- 2F200A
- 1D1204
- 0C0601
- 010100
Tons
- AE8348
- A98350
- A48357
- 9F835E
- 9A8264
- 95826A
- 908270
- 8B8175
- 85817B
Harmonias de cor
Complementar +180°
- B3833F
Honeysuckle Blast
- 5F90CB
≈ Provence
Análoga -30° +30°
- B3833F
Honeysuckle Blast
- C27858
≈ Moroccan Sky
- 98903F
≈ Delta Break
Tríade +120° +240°
- B3833F
Honeysuckle Blast
- 21A19F
≈ Silken Jade
- A47ABA
≈ Wisteria
Complementar dividida +150° +210°
- B3833F
Honeysuckle Blast
- 349BBB
≈ Sailfish
- 8584CA
≈ Faraway Sky
Tétrade +90° +180° +270°
- B3833F
Honeysuckle Blast
- 48A17C
≈ Funk
- 5F90CB
≈ Provence
- B9739D
≈ Valentine Heart
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.36:1 · APCA Lc 61
Ag
AASobre preto
WCAG 6.23:1 · APCA Lc 41
Melhor cor de texto: #000000
WCAG 6.23:1 (AA) · APCA Lc 41
Contrast pairs
Trechos de código
CSS
:root {
--honeysuckle-blast: #b3833f;
--honeysuckle-blast-rgb: 179 131 63;
--honeysuckle-blast-oklch: oklch(0.644 0.103 73.6);
}
.element {
color: var(--honeysuckle-blast);
background-color: hsl(35 48% 47%);
border-color: oklch(0.644 0.103 73.6);
}Tailwind CSS v4
@theme {
--color-honeysuckle-blast: #b3833f;
--color-honeysuckle-blast-50: #fff2d5;
--color-honeysuckle-blast-100: #fde4c2;
--color-honeysuckle-blast-200: #eecfa3;
--color-honeysuckle-blast-300: #d6b07b;
--color-honeysuckle-blast-400: #c39556;
--color-honeysuckle-blast-500: #af7a2b;
--color-honeysuckle-blast-600: #946826;
--color-honeysuckle-blast-700: #77531e;
--color-honeysuckle-blast-800: #583c14;
--color-honeysuckle-blast-900: #3e290d;
--color-honeysuckle-blast-950: #271702;
}SCSS
$honeysuckle-blast: #b3833f;
$honeysuckle-blast-rgb: 179, 131, 63;
$honeysuckle-blast-light: mix(#fff, $honeysuckle-blast, 20%);
$honeysuckle-blast-dark: mix(#000, $honeysuckle-blast, 20%);
.element {
color: $honeysuckle-blast;
box-shadow: 0 0 0 2px rgba($honeysuckle-blast, 0.35);
}