色名 · #C8987E
Chinook Salmon
Chinook Salmonは#C8987E：rgb(200 152 126)、hsl(21 40% 64%)、oklch(0.718 0.068 49.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Chinook Salmon color name →
#C8987E
oklch(0.718 0.068 49.7)
カラー変換
- HEX
- #c8987e
- RGB
- rgb(200 152 126)
- HSL
- hsl(21 40% 64%)
- HWB
- hwb(21 49% 22%)
- OKLCH
- oklch(0.718 0.068 49.7)
- OKLab
- oklab(0.718 0.044 0.052)
- CIE Lab
- lab(66.99 15.98 21.04)
- LCH
- lch(66.99 26.42 52.8)
- CMYK
- cmyk(0% 24% 37% 22%)
ティント · シェード · トーン
ティント
- CEA28B
- D4AC97
- D9B6A4
- DFC1B1
- E4CBBD
- EAD5CA
- EFE0D7
- F5EAE4
- FAF4F2
シェード
- AE846D
- 94705C
- 7B5C4C
- 634A3C
- 4C382D
- 36271F
- 211711
- 0F0805
- 020101
トーン
- C1967E
- BA937F
- B2917F
- AB8F7F
- A48C80
- 9D8A80
- 968780
- 8E8580
- 878380
カラーハーモニー
補色 +180°
- C8987E
Chinook Salmon
- 76ADC7
≈ Soul Blue
類似色 -30° +30°
- C8987E
Chinook Salmon
- CC9393
≈ Minstrel Rose
- BBA073
≈ Mesa
トライアド +120° +240°
- C8987E
Chinook Salmon
- 78B29D
≈ Beau Monde
- A39DCD
≈ Wistful
スプリットコンプリメンタリー +150° +210°
- C8987E
Chinook Salmon
- 6EB1B5
≈ Dexter
- 8BA5D0
≈ Anode
テトラード +90° +180° +270°
- C8987E
Chinook Salmon
- 8EAF86
≈ Pear Cactus
- 76ADC7
≈ Soul Blue
- B797BF
≈ Atlantic Tulip
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.54:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.24:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--chinook-salmon: #c8987e;
--chinook-salmon-rgb: 200 152 126;
--chinook-salmon-oklch: oklch(0.718 0.068 49.7);
}
.element {
color: var(--chinook-salmon);
background-color: hsl(21 40% 64%);
border-color: oklch(0.718 0.068 49.7);
}Tailwind CSS v4
@theme {
--color-chinook-salmon: #c8987e;
--color-chinook-salmon-50: #fff0e4;
--color-chinook-salmon-100: #fce2d4;
--color-chinook-salmon-200: #edcdba;
--color-chinook-salmon-300: #d5ae98;
--color-chinook-salmon-400: #c0937b;
--color-chinook-salmon-500: #ab795d;
--color-chinook-salmon-600: #91664f;
--color-chinook-salmon-700: #74523f;
--color-chinook-salmon-800: #563b2e;
--color-chinook-salmon-900: #3c291f;
--color-chinook-salmon-950: #26160f;
}SCSS
$chinook-salmon: #c8987e;
$chinook-salmon-rgb: 200, 152, 126;
$chinook-salmon-light: mix(#fff, $chinook-salmon, 20%);
$chinook-salmon-dark: mix(#000, $chinook-salmon, 20%);
.element {
color: $chinook-salmon;
box-shadow: 0 0 0 2px rgba($chinook-salmon, 0.35);
}