色名 · #A96A50
Cedar Plank Salmon
Cedar Plank Salmonは#A96A50：rgb(169 106 80)、hsl(18 36% 49%)、oklch(0.587 0.09 43.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Cedar Plank Salmon color name →
#A96A50
oklch(0.587 0.09 43.1)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- B27861
- BB8772
- C49583
- CDA494
- D6B3A5
- DEC2B7
- E7D1C8
- EFE0DA
- F7F0ED
シェード
- 925B44
- 7C4D39
- 673F2E
- 533124
- 3F241A
- 2C1810
- 1B0D07
- 0A0402
- 010000
トーン
- A56D55
- A26F5A
- 9E715F
- 9A7464
- 967669
- 92786E
- 8E7A72
- 897C77
- 857E7C
カラーハーモニー
補色 +180°
- A96A50
Cedar Plank Salmon
- 3388A3
≈ Waikiki
類似色 -30° +30°
- A96A50
Cedar Plank Salmon
- AB656D
≈ Berry Crush
- 9D733B
≈ Favourite Ale
トライアド +120° +240°
- A96A50
Cedar Plank Salmon
- 438D6D
≈ Aegean Green
- 7575B0
≈ Regal Azure
スプリットコンプリメンタリー +150° +210°
- A96A50
Cedar Plank Salmon
- 278D8B
≈ Taos Turquoise
- 557FB0
≈ Azul Pavo Real
テトラード +90° +180° +270°
- A96A50
Cedar Plank Salmon
- 67884F
≈ Homegrown
- 3388A3
≈ Waikiki
- 8F6CA2
≈ Amethyst Orchid
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.31:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.86:1 · APCA Lc 32
最適な文字色: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
コードスニペット
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);
}