Warna bernama · #A96A50
Cedar Plank Salmon
Cedar Plank Salmon adalah #A96A50: rgb(169 106 80), hsl(18 36% 49%), oklch(0.587 0.09 43.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Cedar Plank Salmon color name →
#A96A50
oklch(0.587 0.09 43.1)
Konversi warna
- HEX
- #a96a50
- RGB
- rgb(169 106 80)
- HSL
- hsl(18 36% 49%)
- HWB
- hwb(18 31% 34%)
- OKLCH
- oklch(0.587 0.09 43.1)
- OKLab
- oklab(0.587 0.066 0.061)
- CIE Lab
- lab(51.43 23.84 25.63)
- LCH
- lch(51.43 35 47.1)
- CMYK
- cmyk(0% 37% 53% 34%)
Tint · Shade · Tone
Tint
- B27861
- BB8772
- C49583
- CDA494
- D6B3A5
- DEC2B7
- E7D1C8
- EFE0DA
- F7F0ED
Shade
- 925B44
- 7C4D39
- 673F2E
- 533124
- 3F241A
- 2C1810
- 1B0D07
- 0A0402
- 010000
Tone
- A56D55
- A26F5A
- 9E715F
- 9A7464
- 967669
- 92786E
- 8E7A72
- 897C77
- 857E7C
Harmoni warna
Komplementer +180°
- A96A50
Cedar Plank Salmon
- 3388A3
≈ Waikiki
Analog -30° +30°
- A96A50
Cedar Plank Salmon
- AB656D
≈ Berry Crush
- 9D733B
≈ Favourite Ale
Triadik +120° +240°
- A96A50
Cedar Plank Salmon
- 438D6D
≈ Aegean Green
- 7575B0
≈ Regal Azure
Split-komplementer +150° +210°
- A96A50
Cedar Plank Salmon
- 278D8B
≈ Taos Turquoise
- 557FB0
≈ Azul Pavo Real
Tetradik +90° +180° +270°
- A96A50
Cedar Plank Salmon
- 67884F
≈ Homegrown
- 3388A3
≈ Waikiki
- 8F6CA2
≈ Amethyst Orchid
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.31:1 · APCA Lc 70
Ag
AADi atas hitam
WCAG 4.86:1 · APCA Lc 32
Warna teks terbaik: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
Cuplikan kode
CSS
:root {
--cedar-plank-salmon: #a96a50;
--cedar-plank-salmon-rgb: 169 106 80;
--cedar-plank-salmon-oklch: oklch(0.587 0.09 43.1);
}
.element {
color: var(--cedar-plank-salmon);
background-color: hsl(18 36% 49%);
border-color: oklch(0.587 0.09 43.1);
}Tailwind CSS v4
@theme {
--color-cedar-plank-salmon: #a96a50;
--color-cedar-plank-salmon-50: #ffeee0;
--color-cedar-plank-salmon-100: #ffdfd0;
--color-cedar-plank-salmon-200: #f6c9b5;
--color-cedar-plank-salmon-300: #dfa992;
--color-cedar-plank-salmon-400: #cc8d74;
--color-cedar-plank-salmon-500: #b87255;
--color-cedar-plank-salmon-600: #9b6048;
--color-cedar-plank-salmon-700: #7d4d39;
--color-cedar-plank-salmon-800: #5d372a;
--color-cedar-plank-salmon-900: #41261c;
--color-cedar-plank-salmon-950: #29140c;
}SCSS
$cedar-plank-salmon: #a96a50;
$cedar-plank-salmon-rgb: 169, 106, 80;
$cedar-plank-salmon-light: mix(#fff, $cedar-plank-salmon, 20%);
$cedar-plank-salmon-dark: mix(#000, $cedar-plank-salmon, 20%);
.element {
color: $cedar-plank-salmon;
box-shadow: 0 0 0 2px rgba($cedar-plank-salmon, 0.35);
}