Warna bernama · #BF7657
Oxide
Oxide adalah #BF7657: rgb(191 118 87), hsl(18 45% 55%), oklch(0.637 0.102 43.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Oxide color name →
#BF7657
oklch(0.637 0.102 43.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C68467
- CD9178
- D49F88
- DBAC99
- E1BAA9
- E8C7BA
- EED5CB
- F4E3DC
- F9F1EE
Shade
- A6664B
- 8D563E
- 754733
- 5E3827
- 48291C
- 331C12
- 1F0F08
- 0D0503
- 020100
Tone
- B9775C
- B37960
- AD7A65
- A77B69
- A17C6D
- 9B7D71
- 947E75
- 8E7F79
- 877F7C
Harmoni warna
Komplementer +180°
- BF7657
Oxide
- 3498B9
≈ Butterfly Blue
Analog -30° +30°
- BF7657
Oxide
- C17079
≈ Cranberry Pie
- B0813E
≈ Amber Romance
Triadik +120° +240°
Split-komplementer +150° +210°
- BF7657
Oxide
- 219E9D
≈ Baltic
- 5E8EC8
≈ Provence
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.53:1 · APCA Lc 63
Ag
AADi atas hitam
WCAG 5.94:1 · APCA Lc 39
Warna teks terbaik: #000000
WCAG 5.94:1 (AA) · APCA Lc 39
Contrast pairs
Cuplikan kode
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);
}