Color con nombre · #BF7657
Oxide
Oxide es #BF7657: rgb(191 118 87), hsl(18 45% 55%), oklch(0.637 0.102 43.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Oxide color name →
#BF7657
oklch(0.637 0.102 43.5)
Conversiones de color
- HEX
- #bf7657
- RGB
- rgb(191 118 87)
- HSL
- hsl(18 45% 55%)
- HWB
- hwb(18 34% 25%)
- OKLCH
- oklch(0.637 0.102 43.5)
- OKLab
- oklab(0.637 0.074 0.07)
- CIE Lab
- lab(57.23 27.1 29.68)
- LCH
- lch(57.23 40.19 47.6)
- CMYK
- cmyk(0% 38% 54% 25%)
Tintes · Sombras · Tonos
Tintes
- C68467
- CD9178
- D49F88
- DBAC99
- E1BAA9
- E8C7BA
- EED5CB
- F4E3DC
- F9F1EE
Sombras
- A6664B
- 8D563E
- 754733
- 5E3827
- 48291C
- 331C12
- 1F0F08
- 0D0503
- 020100
Tonos
- B9775C
- B37960
- AD7A65
- A77B69
- A17C6D
- 9B7D71
- 947E75
- 8E7F79
- 877F7C
Armonías de color
Complementario +180°
- BF7657
Oxide
- 3498B9
≈ Butterfly Blue
Análogo -30° +30°
- BF7657
Oxide
- C17079
≈ Cranberry Pie
- B0813E
≈ Amber Romance
Triádico +120° +240°
Complementario dividido +150° +210°
- BF7657
Oxide
- 219E9D
≈ Baltic
- 5E8EC8
≈ Provence
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.53:1 · APCA Lc 63
Ag
AASobre negro
WCAG 5.94:1 · APCA Lc 39
Mejor color de texto: #000000
WCAG 5.94:1 (AA) · APCA Lc 39
Contrast pairs
Fragmentos de código
CSS
:root {
--oxide: #bf7657;
--oxide-rgb: 191 118 87;
--oxide-oklch: oklch(0.637 0.102 43.5);
}
.element {
color: var(--oxide);
background-color: hsl(18 45% 55%);
border-color: oklch(0.637 0.102 43.5);
}Tailwind CSS v4
@theme {
--color-oxide: #bf7657;
--color-oxide-50: #ffeddd;
--color-oxide-100: #ffdecc;
--color-oxide-200: #fac7b0;
--color-oxide-300: #e4a78c;
--color-oxide-400: #d18a6c;
--color-oxide-500: #be6e4c;
--color-oxide-600: #a05e41;
--color-oxide-700: #814b34;
--color-oxide-800: #603625;
--color-oxide-900: #432519;
--color-oxide-950: #2b130a;
}SCSS
$oxide: #bf7657;
$oxide-rgb: 191, 118, 87;
$oxide-light: mix(#fff, $oxide, 20%);
$oxide-dark: mix(#000, $oxide, 20%);
.element {
color: $oxide;
box-shadow: 0 0 0 2px rgba($oxide, 0.35);
}