Warna bernama · #DD9475
Buffed Copper
Buffed Copper adalah #DD9475: rgb(221 148 117), hsl(18 60% 66%), oklch(0.732 0.099 43.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Buffed Copper color name →
#DD9475
oklch(0.732 0.099 43.8)
Konversi warna
- HEX
- #dd9475
- RGB
- rgb(221 148 117)
- HSL
- hsl(18 60% 66%)
- HWB
- hwb(18 46% 13%)
- OKLCH
- oklch(0.732 0.099 43.8)
- OKLab
- oklab(0.732 0.071 0.068)
- CIE Lab
- lab(68.31 25.79 28.21)
- LCH
- lch(68.31 38.22 47.6)
- CMYK
- cmyk(0% 33% 47% 13%)
Tint · Shade · Tone
Tint
- E19F83
- E5A990
- E9B49E
- EDBFAC
- F0C9B9
- F3D4C7
- F7DFD5
- FAE9E3
- FCF4F1
Shade
- C08065
- A46D55
- 885A46
- 6E4837
- 553629
- 3D261C
- 26160F
- 110805
- 020101
Tone
- D49277
- CB9178
- C18F79
- B88D7B
- AF8B7C
- A6897D
- 9C877E
- 93857F
- 8A827F
Harmoni warna
Komplementer +180°
- DD9475
Buffed Copper
- 5AB6D6
≈ Aquella
Analog -30° +30°
- DD9475
Buffed Copper
- DF8E96
≈ Ruddy Pink
- CE9F5F
≈ Sunrise Heat
Triadik +120° +240°
- DD9475
Buffed Copper
- 69BC97
≈ Katydid
- A0A0E5
≈ Cold Lips
Split-komplementer +150° +210°
- DD9475
Buffed Copper
- 4FBCBA
≈ Lagoon Rock
- 7CACE6
≈ Jordy Blue
Tetradik +90° +180° +270°
- DD9475
Buffed Copper
- 8FB676
≈ Flavoparmelia Caperata
- 5AB6D6
≈ Aquella
- BF96D4
≈ Amethyst Show
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.45:1 · APCA Lc 48
Ag
AAADi atas hitam
WCAG 8.56:1 · APCA Lc 54
Warna teks terbaik: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Cuplikan kode
CSS
:root {
--buffed-copper: #dd9475;
--buffed-copper-rgb: 221 148 117;
--buffed-copper-oklch: oklch(0.732 0.099 43.8);
}
.element {
color: var(--buffed-copper);
background-color: hsl(18 60% 66%);
border-color: oklch(0.732 0.099 43.8);
}Tailwind CSS v4
@theme {
--color-buffed-copper: #dd9475;
--color-buffed-copper-50: #ffedde;
--color-buffed-copper-100: #ffdecd;
--color-buffed-copper-200: #f9c8b1;
--color-buffed-copper-300: #e3a88d;
--color-buffed-copper-400: #d08b6e;
--color-buffed-copper-500: #bc6f4e;
--color-buffed-copper-600: #9f5e43;
--color-buffed-copper-700: #804b35;
--color-buffed-copper-800: #5f3626;
--color-buffed-copper-900: #43251a;
--color-buffed-copper-950: #2b130a;
}SCSS
$buffed-copper: #dd9475;
$buffed-copper-rgb: 221, 148, 117;
$buffed-copper-light: mix(#fff, $buffed-copper, 20%);
$buffed-copper-dark: mix(#000, $buffed-copper, 20%);
.element {
color: $buffed-copper;
box-shadow: 0 0 0 2px rgba($buffed-copper, 0.35);
}