最も近い色名 · #60282B
#60282B
最も近い色名: Jazz
#60282B（rgb(96 40 43)、hsl(357 41% 27%)、oklch(0.357 0.082 18.9)）に最も近い色名はJazzです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#60282B
oklch(0.357 0.082 18.9)
カラー変換
- HEX
- #60282b
- RGB
- rgb(96 40 43)
- HSL
- hsl(357 41% 27%)
- HWB
- hwb(357 16% 62%)
- OKLCH
- oklch(0.357 0.082 18.9)
- OKLab
- oklab(0.357 0.077 0.026)
- CIE Lab
- lab(24.55 26.23 11.13)
- LCH
- lch(24.55 28.49 23)
- CMYK
- cmyk(0% 58% 55% 62%)
ティント · シェード · トーン
ティント
- 703C3D
- 805050
- 906464
- A07979
- B08E8E
- C0A4A4
- CFBABA
- DFD1D0
- EFE8E7
シェード
- 522124
- 451B1D
- 381516
- 2C0F10
- 20090A
- 150405
- 0A0202
- 030101
- 000000
トーン
- 643133
- 683A3B
- 6C4343
- 6F4B4C
- 735454
- 765D5D
- 796665
- 7B6E6E
- 7E7777
カラーハーモニー
補色 +180°
- 60282B
Jazz
- 004648
≈ Incubi Darkness
類似色 -30° +30°
トライアド +120° +240°
- 60282B
Jazz
- 244619
≈ Myrtle
- 203C67
≈ Limoges
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.43:1 · APCA Lc 96
Ag
Fail黒の上
WCAG 1.83:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.43:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--jazz: #60282b;
--jazz-rgb: 96 40 43;
--jazz-oklch: oklch(0.357 0.082 18.9);
}
.element {
color: var(--jazz);
background-color: hsl(357 41% 27%);
border-color: oklch(0.357 0.082 18.9);
}Tailwind CSS v4
@theme {
--color-jazz: #60282b;
--color-jazz-50: #ffedeb;
--color-jazz-100: #ffdedc;
--color-jazz-200: #f6c7c5;
--color-jazz-300: #dea7a5;
--color-jazz-400: #ca8b8b;
--color-jazz-500: #b66f71;
--color-jazz-600: #9a5f60;
--color-jazz-700: #7b4c4c;
--color-jazz-800: #5b3638;
--color-jazz-900: #402526;
--color-jazz-950: #291415;
}SCSS
$jazz: #60282b;
$jazz-rgb: 96, 40, 43;
$jazz-light: mix(#fff, $jazz, 20%);
$jazz-dark: mix(#000, $jazz, 20%);
.element {
color: $jazz;
box-shadow: 0 0 0 2px rgba($jazz, 0.35);
}