最も近い色名 · #C6B89E
#C6B89E
最も近い色名: Another One Bites the Dust
#C6B89E（rgb(198 184 158)、hsl(39 26% 70%)、oklch(0.787 0.039 83)）に最も近い色名はAnother One Bites the Dustです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#C6B89E
oklch(0.787 0.039 83)
カラー変換
- HEX
- #c6b89e
- RGB
- rgb(198 184 158)
- HSL
- hsl(39 26% 70%)
- HWB
- hwb(39 62% 22%)
- OKLCH
- oklch(0.787 0.039 83)
- OKLab
- oklab(0.787 0.005 0.039)
- CIE Lab
- lab(75.45 2.02 15.16)
- LCH
- lch(75.45 15.29 82.4)
- CMYK
- cmyk(0% 7% 20% 22%)
ティント · シェード · トーン
ティント
- CCBFA7
- D1C6B1
- D7CDBB
- DDD4C4
- E2DBCE
- E8E2D8
- EEE9E1
- F3F1EB
- F9F8F5
シェード
- ACA089
- 928874
- 7A7160
- 625B4D
- 4B453A
- 353129
- 211E18
- 0E0C09
- 020201
トーン
- BFB29B
- B8AD98
- B0A795
- A9A192
- A29C8F
- 9B968C
- 949089
- 8E8B86
- 878583
カラーハーモニー
補色 +180°
- C6B89E
Another One Bites the Dust
- ADBAD3
≈ Halogen Blue
類似色 -30° +30°
- C6B89E
Another One Bites the Dust
- CFB3A3
≈ Cosmic Aura
- B9BDA1
≈ Quiet Waters
トライアド +120° +240°
- C6B89E
Another One Bites the Dust
- 9DC2C5
≈ Canal Blue
- C6B2C9
≈ Purple Essence
スプリットコンプリメンタリー +150° +210°
- C6B89E
Another One Bites the Dust
- A2BFCF
≈ Sea Breeze
- BAB6D1
≈ Purple Heather
テトラード +90° +180° +270°
- C6B89E
Another One Bites the Dust
- A1C2B7
≈ Cascade Green
- ADBAD3
≈ Halogen Blue
- CFB0BC
≈ Pink Potion
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.95:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.75:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--another-one-bites-the-dust: #c6b89e;
--another-one-bites-the-dust-rgb: 198 184 158;
--another-one-bites-the-dust-oklch: oklch(0.787 0.039 83);
}
.element {
color: var(--another-one-bites-the-dust);
background-color: hsl(39 26% 70%);
border-color: oklch(0.787 0.039 83);
}Tailwind CSS v4
@theme {
--color-another-one-bites-the-dust: #c6b89e;
--color-another-one-bites-the-dust-50: #faf5e9;
--color-another-one-bites-the-dust-100: #eee7da;
--color-another-one-bites-the-dust-200: #dcd3c2;
--color-another-one-bites-the-dust-300: #c1b6a1;
--color-another-one-bites-the-dust-400: #aa9d85;
--color-another-one-bites-the-dust-500: #938469;
--color-another-one-bites-the-dust-600: #7c7059;
--color-another-one-bites-the-dust-700: #635a47;
--color-another-one-bites-the-dust-800: #494133;
--color-another-one-bites-the-dust-900: #332d23;
--color-another-one-bites-the-dust-950: #1f1a12;
}SCSS
$another-one-bites-the-dust: #c6b89e;
$another-one-bites-the-dust-rgb: 198, 184, 158;
$another-one-bites-the-dust-light: mix(#fff, $another-one-bites-the-dust, 20%);
$another-one-bites-the-dust-dark: mix(#000, $another-one-bites-the-dust, 20%);
.element {
color: $another-one-bites-the-dust;
box-shadow: 0 0 0 2px rgba($another-one-bites-the-dust, 0.35);
}