最も近い色名 · #5D212B
#5D212B
最も近い色名: Jazz
#5D212B（rgb(93 33 43)、hsl(350 48% 25%)、oklch(0.341 0.088 12.9)）に最も近い色名はJazzです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5D212B
oklch(0.341 0.088 12.9)
カラー変換
- HEX
- #5d212b
- RGB
- rgb(93 33 43)
- HSL
- hsl(350 48% 25%)
- HWB
- hwb(350 13% 64%)
- OKLCH
- oklch(0.341 0.088 12.9)
- OKLab
- oklab(0.341 0.086 0.02)
- CIE Lab
- lab(22.56 28.63 8.35)
- LCH
- lch(22.56 29.83 16.3)
- CMYK
- cmyk(0% 65% 54% 64%)
ティント · シェード · トーン
ティント
- 6E363D
- 7E4B50
- 8E5F64
- 9F7579
- AF8B8E
- BFA1A3
- CFB8BA
- DFCFD0
- EFE7E7
シェード
- 501B24
- 43161D
- 371016
- 2A0B10
- 1F060A
- 140305
- 0A0102
- 030001
- 000000
トーン
- 622B33
- 66353B
- 6A3E43
- 6E484B
- 725154
- 755A5C
- 786465
- 7B6D6E
- 7E7677
カラーハーモニー
補色 +180°
- 5D212B
Jazz
- 004140
≈ Rich Black
類似色 -30° +30°
- 5D212B
Jazz
- 562344
≈ Murasaki
- 5C250C
≈ Hot Fudge
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.22:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.71:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.22:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--jazz: #5d212b;
--jazz-rgb: 93 33 43;
--jazz-oklch: oklch(0.341 0.088 12.9);
}
.element {
color: var(--jazz);
background-color: hsl(350 48% 25%);
border-color: oklch(0.341 0.088 12.9);
}Tailwind CSS v4
@theme {
--color-jazz: #5d212b;
--color-jazz-50: #ffeced;
--color-jazz-100: #ffddde;
--color-jazz-200: #f8c6c8;
--color-jazz-300: #e1a5a9;
--color-jazz-400: #cd8990;
--color-jazz-500: #b96d76;
--color-jazz-600: #9c5c64;
--color-jazz-700: #7d4a4f;
--color-jazz-800: #5d353b;
--color-jazz-900: #412428;
--color-jazz-950: #291316;
}SCSS
$jazz: #5d212b;
$jazz-rgb: 93, 33, 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);
}