最も近い色名 · #CF8B5D
#CF8B5D
最も近い色名: Whiskey
#CF8B5D（rgb(207 139 93)、hsl(24 54% 59%)、oklch(0.696 0.103 54.3)）に最も近い色名はWhiskeyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#CF8B5D
oklch(0.696 0.103 54.3)
カラー変換
- HEX
- #cf8b5d
- RGB
- rgb(207 139 93)
- HSL
- hsl(24 54% 59%)
- HWB
- hwb(24 36% 19%)
- OKLCH
- oklch(0.696 0.103 54.3)
- OKLab
- oklab(0.696 0.06 0.084)
- CIE Lab
- lab(64.21 23.16 35.52)
- LCH
- lch(64.21 42.41 56.9)
- CMYK
- cmyk(0% 33% 55% 19%)
ティント · シェード · トーン
ティント
- D4976E
- DAA27E
- DFAE8E
- E4B99E
- E9C5AE
- EED0BE
- F2DCCE
- F7E8DE
- FBF3EF
シェード
- B47850
- 996643
- 7F5437
- 67432A
- 4F321F
- 382314
- 23140A
- 100703
- 020100
トーン
- C78A62
- C08966
- B8896A
- B0886D
- A88671
- A08574
- 988477
- 90837A
- 88817D
カラーハーモニー
補色 +180°
- CF8B5D
Whiskey
- 54A7D4
≈ Cousteau
類似色 -30° +30°
- CF8B5D
Whiskey
- D6837D
≈ Salmon Pate
- BB984C
≈ Brown Rum
トライアド +120° +240°
- CF8B5D
Whiskey
- 4BB298
≈ Green Blue
- A190D7
≈ Middy’s Purple
スプリットコンプリメンタリー +150° +210°
- CF8B5D
Whiskey
- 39AFBB
≈ Placid Sea
- 7D9CDE
≈ Portage
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.50:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--whiskey: #cf8b5d;
--whiskey-rgb: 207 139 93;
--whiskey-oklch: oklch(0.696 0.103 54.3);
}
.element {
color: var(--whiskey);
background-color: hsl(24 54% 59%);
border-color: oklch(0.696 0.103 54.3);
}Tailwind CSS v4
@theme {
--color-whiskey: #cf8b5d;
--color-whiskey-50: #ffeed9;
--color-whiskey-100: #ffe0c7;
--color-whiskey-200: #f8caaa;
--color-whiskey-300: #e1aa84;
--color-whiskey-400: #ce8d62;
--color-whiskey-500: #ba723e;
--color-whiskey-600: #9e6136;
--color-whiskey-700: #7e4d2a;
--color-whiskey-800: #5e371e;
--color-whiskey-900: #422614;
--color-whiskey-950: #2a1406;
}SCSS
$whiskey: #cf8b5d;
$whiskey-rgb: 207, 139, 93;
$whiskey-light: mix(#fff, $whiskey, 20%);
$whiskey-dark: mix(#000, $whiskey, 20%);
.element {
color: $whiskey;
box-shadow: 0 0 0 2px rgba($whiskey, 0.35);
}