最も近い色名 · #373B26
#373B26
最も近い色名: Graphite
#373B26（rgb(55 59 38)、hsl(71 22% 19%)、oklch(0.342 0.035 117.1)）に最も近い色名はGraphiteです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#373B26
oklch(0.342 0.035 117.1)
カラー変換
- HEX
- #373b26
- RGB
- rgb(55 59 38)
- HSL
- hsl(71 22% 19%)
- HWB
- hwb(71 15% 77%)
- OKLCH
- oklch(0.342 0.035 117.1)
- OKLab
- oklab(0.342 -0.016 0.031)
- CIE Lab
- lab(24.01 -4.91 12.46)
- LCH
- lch(24.01 13.4 111.5)
- CMYK
- cmyk(7% 0% 36% 77%)
ティント · シェード · トーン
ティント
- 484C39
- 5A5E4C
- 6D7161
- 818476
- 94978B
- A9ABA1
- BEBFB8
- D3D4CF
- E9E9E7
シェード
- 2E3220
- 262919
- 1E2113
- 16190D
- 0F1108
- 080904
- 030402
- 010101
- 000000
トーン
- 3E422F
- 454837
- 4C4F40
- 535649
- 5A5D52
- 61635B
- 696A64
- 71726D
- 787976
カラーハーモニー
補色 +180°
- 373B26
Graphite
- 3A3549
≈ Plush
類似色 -30° +30°
- 373B26
Graphite
- 403723
≈ Mikado
- 2C3E2E
≈ Celtic
トライアド +120° +240°
- 373B26
Graphite
- 273B49
≈ Craft
- 483139
≈ Barossa
スプリットコンプリメンタリー +150° +210°
- 373B26
Graphite
- 30384B
≈ German Liquorice
- 423242
≈ Voodoo
テトラード +90° +180° +270°
- 373B26
Graphite
- 213E42
≈ Sunken Harbour
- 3A3549
≈ Plush
- 49322F
≈ Pawn Broker
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.56:1 · APCA Lc 97
Ag
Fail黒の上
WCAG 1.81:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.56:1 (AAA) · APCA Lc 97
Contrast pairs
コードスニペット
CSS
:root {
--graphite: #373b26;
--graphite-rgb: 55 59 38;
--graphite-oklch: oklch(0.342 0.035 117.1);
}
.element {
color: var(--graphite);
background-color: hsl(71 22% 19%);
border-color: oklch(0.342 0.035 117.1);
}Tailwind CSS v4
@theme {
--color-graphite: #373b26;
--color-graphite-50: #f4f7ec;
--color-graphite-100: #e6eadd;
--color-graphite-200: #d2d7c6;
--color-graphite-300: #b5baa6;
--color-graphite-400: #9da18a;
--color-graphite-500: #848a6f;
--color-graphite-600: #70745e;
--color-graphite-700: #595d4b;
--color-graphite-800: #424436;
--color-graphite-900: #2d2f25;
--color-graphite-950: #1a1b14;
}SCSS
$graphite: #373b26;
$graphite-rgb: 55, 59, 38;
$graphite-light: mix(#fff, $graphite, 20%);
$graphite-dark: mix(#000, $graphite, 20%);
.element {
color: $graphite;
box-shadow: 0 0 0 2px rgba($graphite, 0.35);
}