色名 · #5F2C2F
Jazz
Jazzは#5F2C2F：rgb(95 44 47)、hsl(356 37% 27%)、oklch(0.363 0.074 17.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Jazz color name →
#5F2C2F
oklch(0.363 0.074 17.8)
カラー変換
- HEX
- #5f2c2f
- RGB
- rgb(95 44 47)
- HSL
- hsl(356 37% 27%)
- HWB
- hwb(356 17% 63%)
- OKLCH
- oklch(0.363 0.074 17.8)
- OKLab
- oklab(0.363 0.071 0.023)
- CIE Lab
- lab(25.33 23.93 9.47)
- LCH
- lch(25.33 25.73 21.6)
- CMYK
- cmyk(0% 54% 51% 63%)
ティント · シェード · トーン
ティント
- 6F3F41
- 7F5354
- 8F6767
- 9F7B7B
- AF9090
- BFA5A5
- CFBBBB
- DFD1D1
- EFE8E8
シェード
- 522527
- 441E20
- 381719
- 2C1112
- 200A0C
- 150506
- 0A0203
- 030101
- 000000
トーン
- 633537
- 673D3E
- 6B4546
- 6E4E4E
- 725656
- 755E5E
- 786767
- 7B6F6F
- 7E7777
カラーハーモニー
補色 +180°
- 5F2C2F
Jazz
- 00484A
≈ Incubi Darkness
類似色 -30° +30°
トライアド +120° +240°
- 5F2C2F
Jazz
- 29471E
≈ Forestry
- 243E65
≈ Elmer’s Echo
スプリットコンプリメンタリー +150° +210°
- 5F2C2F
Jazz
- 004A36
≈ County Green
- 00455B
≈ Loyal Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.12:1 · APCA Lc 95
Ag
Fail黒の上
WCAG 1.88:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.12:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--jazz: #5f2c2f;
--jazz-rgb: 95 44 47;
--jazz-oklch: oklch(0.363 0.074 17.8);
}
.element {
color: var(--jazz);
background-color: hsl(356 37% 27%);
border-color: oklch(0.363 0.074 17.8);
}Tailwind CSS v4
@theme {
--color-jazz: #5f2c2f;
--color-jazz-50: #ffedec;
--color-jazz-100: #ffdfde;
--color-jazz-200: #f3c8c7;
--color-jazz-300: #dba9a8;
--color-jazz-400: #c78d8e;
--color-jazz-500: #b27274;
--color-jazz-600: #976162;
--color-jazz-700: #794d4e;
--color-jazz-800: #59383a;
--color-jazz-900: #3e2627;
--color-jazz-950: #271416;
}SCSS
$jazz: #5f2c2f;
$jazz-rgb: 95, 44, 47;
$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);
}