最も近い色名 · #3D2312
#3D2312
最も近い色名: Close but No Cigar
#3D2312（rgb(61 35 18)、hsl(24 54% 15%)、oklch(0.286 0.049 52.8)）に最も近い色名はClose but No Cigarです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#3D2312
oklch(0.286 0.049 52.8)
カラー変換
- HEX
- #3d2312
- RGB
- rgb(61 35 18)
- HSL
- hsl(24 54% 15%)
- HWB
- hwb(24 7% 76%)
- OKLCH
- oklch(0.286 0.049 52.8)
- OKLab
- oklab(0.286 0.029 0.039)
- CIE Lab
- lab(16.89 11.33 16.67)
- LCH
- lch(16.89 20.15 55.8)
- CMYK
- cmyk(0% 43% 70% 76%)
ティント · シェード · トーン
ティント
- 4F3627
- 614A3C
- 735E51
- 867368
- 9A8980
- ADA098
- C1B7B1
- D5CECA
- EAE6E4
シェード
- 341D0E
- 2B170A
- 221107
- 1A0C04
- 120702
- 0A0401
- 040101
- 010000
- 000000
トーン
- 442C1D
- 4A3527
- 513E32
- 58473C
- 5F5047
- 655952
- 6C635D
- 736C69
- 797674
カラーハーモニー
補色 +180°
- 3D2312
Close but No Cigar
- 0C2E3E
≈ NATO Blue
類似色 -30° +30°
- 3D2312
Close but No Cigar
- 3F201F
≈ Warm Balaclavas Are Forever
- 36280A
≈ Brown Tumbleweed
トライアド +120° +240°
- 3D2312
Close but No Cigar
- 093228
≈ Fence Green
- 2B2540
≈ Telopea
スプリットコンプリメンタリー +150° +210°
- 3D2312
Close but No Cigar
- 003135
≈ Roof Tile Green
- 1D2A42
≈ Eternal Darkness
テトラード +90° +180° +270°
- 3D2312
Close but No Cigar
- 1B301A
≈ Méi Hēi Coal
- 0C2E3E
≈ NATO Blue
- 362238
≈ Fat Tuesday
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 14.50:1 · APCA Lc 101
Ag
Fail黒の上
WCAG 1.44:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 14.50:1 (AAA) · APCA Lc 101
Contrast pairs
コードスニペット
CSS
:root {
--close-but-no-cigar: #3d2312;
--close-but-no-cigar-rgb: 61 35 18;
--close-but-no-cigar-oklch: oklch(0.286 0.049 52.8);
}
.element {
color: var(--close-but-no-cigar);
background-color: hsl(24 54% 15%);
border-color: oklch(0.286 0.049 52.8);
}Tailwind CSS v4
@theme {
--color-close-but-no-cigar: #3d2312;
--color-close-but-no-cigar-50: #fff2e8;
--color-close-but-no-cigar-100: #f5e4d9;
--color-close-but-no-cigar-200: #e6cfc1;
--color-close-but-no-cigar-300: #ccb1a0;
--color-close-but-no-cigar-400: #b69784;
--color-close-but-no-cigar-500: #a17e68;
--color-close-but-no-cigar-600: #886a59;
--color-close-but-no-cigar-700: #6d5547;
--color-close-but-no-cigar-800: #503e33;
--color-close-but-no-cigar-900: #382a23;
--color-close-but-no-cigar-950: #231812;
}SCSS
$close-but-no-cigar: #3d2312;
$close-but-no-cigar-rgb: 61, 35, 18;
$close-but-no-cigar-light: mix(#fff, $close-but-no-cigar, 20%);
$close-but-no-cigar-dark: mix(#000, $close-but-no-cigar, 20%);
.element {
color: $close-but-no-cigar;
box-shadow: 0 0 0 2px rgba($close-but-no-cigar, 0.35);
}