最も近い色名 · #5D2029
#5D2029
最も近い色名: Jazz
#5D2029（rgb(93 32 41)、hsl(351 49% 25%)、oklch(0.339 0.089 14.4)）に最も近い色名はJazzです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#5D2029
oklch(0.339 0.089 14.4)
カラー変換
- HEX
- #5d2029
- RGB
- rgb(93 32 41)
- HSL
- hsl(351 49% 25%)
- HWB
- hwb(351 13% 64%)
- OKLCH
- oklch(0.339 0.089 14.4)
- OKLab
- oklab(0.339 0.087 0.022)
- CIE Lab
- lab(22.32 28.99 9.41)
- LCH
- lch(22.32 30.48 18)
- CMYK
- cmyk(0% 66% 56% 64%)
ティント · シェード · トーン
ティント
- 6E353B
- 7E4A4F
- 8F5F63
- 9F7477
- AF8A8C
- BFA1A2
- CFB8B9
- DFCFD0
- EFE7E7
シェード
- 501A22
- 43151C
- 370F15
- 2A0A0F
- 1F0609
- 140305
- 0A0102
- 030001
- 000000
トーン
- 622A31
- 663439
- 6A3E42
- 6E474A
- 725153
- 755A5C
- 786365
- 7B6D6E
- 7E7677
カラーハーモニー
補色 +180°
- 5D2029
Jazz
- 004141
≈ Warm Black
類似色 -30° +30°
- 5D2029
Jazz
- 562243
≈ Murasaki
- 5C2508
≈ Hot Fudge
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 12.32:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.70:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 12.32:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--jazz: #5d2029;
--jazz-rgb: 93 32 41;
--jazz-oklch: oklch(0.339 0.089 14.4);
}
.element {
color: var(--jazz);
background-color: hsl(351 49% 25%);
border-color: oklch(0.339 0.089 14.4);
}Tailwind CSS v4
@theme {
--color-jazz: #5d2029;
--color-jazz-50: #ffebec;
--color-jazz-100: #ffddde;
--color-jazz-200: #f8c5c7;
--color-jazz-300: #e1a5a8;
--color-jazz-400: #ce898e;
--color-jazz-500: #ba6d74;
--color-jazz-600: #9d5c62;
--color-jazz-700: #7e4a4e;
--color-jazz-800: #5d353a;
--color-jazz-900: #412428;
--color-jazz-950: #2a1316;
}SCSS
$jazz: #5d2029;
$jazz-rgb: 93, 32, 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);
}