最も近い色名 · #5E2329
#5E2329
最も近い色名: Jazz
#5E2329（rgb(94 35 41)、hsl(354 46% 25%)、oklch(0.345 0.086 16.7)）に最も近い色名はJazzです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5E2329
oklch(0.345 0.086 16.7)
カラー変換
- HEX
- #5e2329
- RGB
- rgb(94 35 41)
- HSL
- hsl(354 46% 25%)
- HWB
- hwb(354 14% 63%)
- OKLCH
- oklch(0.345 0.086 16.7)
- OKLab
- oklab(0.345 0.083 0.025)
- CIE Lab
- lab(23.1 27.88 10.49)
- LCH
- lch(23.1 29.79 20.6)
- CMYK
- cmyk(0% 63% 56% 63%)
ティント · シェード · トーン
ティント
- 6E383B
- 7F4C4F
- 8F6163
- 9F7677
- AF8C8D
- BFA2A2
- CFB9B9
- DFD0D0
- EFE7E7
シェード
- 511D22
- 44171C
- 371115
- 2B0C0F
- 1F0709
- 140405
- 0A0102
- 030001
- 000000
トーン
- 622D31
- 673639
- 6B4042
- 6E494A
- 725253
- 755B5C
- 786465
- 7B6D6E
- 7E7777
カラーハーモニー
補色 +180°
- 5E2329
Jazz
- 004244
≈ Warm Black
類似色 -30° +30°
- 5E2329
Jazz
- 582442
≈ Zinfandel
- 5C280A
≈ Hot Fudge
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.01:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.74:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.01:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--jazz: #5e2329;
--jazz-rgb: 94 35 41;
--jazz-oklch: oklch(0.345 0.086 16.7);
}
.element {
color: var(--jazz);
background-color: hsl(354 46% 25%);
border-color: oklch(0.345 0.086 16.7);
}Tailwind CSS v4
@theme {
--color-jazz: #5e2329;
--color-jazz-50: #ffeceb;
--color-jazz-100: #ffdddd;
--color-jazz-200: #f7c6c6;
--color-jazz-300: #e0a6a6;
--color-jazz-400: #cc8a8c;
--color-jazz-500: #b86e72;
--color-jazz-600: #9c5d61;
--color-jazz-700: #7d4a4d;
--color-jazz-800: #5d3639;
--color-jazz-900: #412527;
--color-jazz-950: #291315;
}SCSS
$jazz: #5e2329;
$jazz-rgb: 94, 35, 41;
$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);
}