最も近い色名 · #612C2B
#612C2B
最も近い色名: Jazz
#612C2B（rgb(97 44 43)、hsl(1 39% 27%)、oklch(0.365 0.077 22.7)）に最も近い色名はJazzです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#612C2B
oklch(0.365 0.077 22.7)
カラー変換
- HEX
- #612c2b
- RGB
- rgb(97 44 43)
- HSL
- hsl(1 39% 27%)
- HWB
- hwb(1 17% 62%)
- OKLCH
- oklch(0.365 0.077 22.7)
- OKLab
- oklab(0.365 0.071 0.03)
- CIE Lab
- lab(25.6 24.48 12.56)
- LCH
- lch(25.6 27.51 27.2)
- CMYK
- cmyk(0% 55% 56% 62%)
ティント · シェード · トーン
ティント
- 713F3D
- 815351
- 916764
- A07B79
- B0908E
- C0A6A4
- D0BBBA
- DFD1D0
- EFE8E7
シェード
- 532524
- 461E1D
- 391716
- 2D1110
- 210A0A
- 150505
- 0B0202
- 030101
- 000000
トーン
- 653533
- 693D3B
- 6C4543
- 704E4C
- 735654
- 765E5D
- 796765
- 7B6F6E
- 7E7877
カラーハーモニー
補色 +180°
- 612C2B
Jazz
- 00484D
≈ Sherpa Blue
類似色 -30° +30°
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- 612C2B
Jazz
- 004A3B
≈ Aqua Deep
- 00445F
≈ Loyal Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.03:1 · APCA Lc 95
Ag
Fail黒の上
WCAG 1.90:1 · APCA Lc 7
最適な文字色: #FFFFFF
WCAG 11.03:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--jazz: #612c2b;
--jazz-rgb: 97 44 43;
--jazz-oklch: oklch(0.365 0.077 22.7);
}
.element {
color: var(--jazz);
background-color: hsl(1 39% 27%);
border-color: oklch(0.365 0.077 22.7);
}Tailwind CSS v4
@theme {
--color-jazz: #612c2b;
--color-jazz-50: #ffedea;
--color-jazz-100: #ffdfdb;
--color-jazz-200: #f4c8c4;
--color-jazz-300: #dda9a4;
--color-jazz-400: #c88d89;
--color-jazz-500: #b4716e;
--color-jazz-600: #98605d;
--color-jazz-700: #7a4d4b;
--color-jazz-800: #5a3737;
--color-jazz-900: #3f2625;
--color-jazz-950: #281414;
}SCSS
$jazz: #612c2b;
$jazz-rgb: 97, 44, 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);
}