最も近い色名 · #3E3C2F
#3E3C2F
最も近い色名: Graphite
#3E3C2F（rgb(62 60 47)、hsl(52 14% 21%)、oklch(0.354 0.022 100.1)）に最も近い色名はGraphiteです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#3E3C2F
oklch(0.354 0.022 100.1)
カラー変換
- HEX
- #3e3c2f
- RGB
- rgb(62 60 47)
- HSL
- hsl(52 14% 21%)
- HWB
- hwb(52 18% 76%)
- OKLCH
- oklch(0.354 0.022 100.1)
- OKLab
- oklab(0.354 -0.004 0.021)
- CIE Lab
- lab(25.21 -1.04 8.41)
- LCH
- lch(25.21 8.47 97.1)
- CMYK
- cmyk(0% 3% 24% 76%)
ティント · シェード · トーン
ティント
- 4F4D41
- 615F54
- 737167
- 85847B
- 999890
- ACABA5
- C0C0BB
- D5D4D1
- EAEAE8
シェード
- 353327
- 2B2A20
- 232119
- 1A1912
- 12110C
- 0A0A06
- 040403
- 010101
- 000000
トーン
- 444237
- 4B493E
- 515046
- 57564E
- 5E5D56
- 65645E
- 6B6B67
- 72726F
- 797977
カラーハーモニー
補色 +180°
- 3E3C2F
Graphite
- 393A47
≈ Mountain Fig
類似色 -30° +30°
- 3E3C2F
Graphite
- 433A2F
≈ Batch Brew
- 383E32
≈ Aged Pine
トライアド +120° +240°
- 3E3C2F
Graphite
- 2F3E44
≈ Big Stone
- 44373F
≈ Priceless Purple
スプリットコンプリメンタリー +150° +210°
- 3E3C2F
Graphite
- 333D47
≈ Do Not Disturb
- 3F3944
≈ Ship Grey
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 11.09:1 · APCA Lc 96
Ag
Fail黒の上
WCAG 1.89:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 11.09:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--graphite: #3e3c2f;
--graphite-rgb: 62 60 47;
--graphite-oklch: oklch(0.354 0.022 100.1);
}
.element {
color: var(--graphite);
background-color: hsl(52 14% 21%);
border-color: oklch(0.354 0.022 100.1);
}Tailwind CSS v4
@theme {
--color-graphite: #3e3c2f;
--color-graphite-50: #f6f5ee;
--color-graphite-100: #e9e8e0;
--color-graphite-200: #d6d5ca;
--color-graphite-300: #b9b8ac;
--color-graphite-400: #a19f91;
--color-graphite-500: #898777;
--color-graphite-600: #747264;
--color-graphite-700: #5d5b50;
--color-graphite-800: #44433a;
--color-graphite-900: #2f2e28;
--color-graphite-950: #1c1b16;
}SCSS
$graphite: #3e3c2f;
$graphite-rgb: 62, 60, 47;
$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);
}