最も近い色名 · #2E0C17
#2E0C17
最も近い色名: Chocolate Kiss
#2E0C17（rgb(46 12 23)、hsl(341 59% 11%)、oklch(0.216 0.057 3)）に最も近い色名はChocolate Kissです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#2E0C17
oklch(0.216 0.057 3)
カラー変換
- HEX
- #2e0c17
- RGB
- rgb(46 12 23)
- HSL
- hsl(341 59% 11%)
- HWB
- hwb(341 5% 82%)
- OKLCH
- oklch(0.216 0.057 3)
- OKLab
- oklab(0.216 0.057 0.003)
- CIE Lab
- lab(8.34 18.67 1.43)
- LCH
- lch(8.34 18.73 4.4)
- CMYK
- cmyk(0% 74% 50% 82%)
ティント · シェード · トーン
ティント
- 41212A
- 55363E
- 694C53
- 7E646A
- 927C81
- A79599
- BDAEB1
- D3C9CB
- E9E3E5
シェード
- 270912
- 1F060E
- 18040A
- 120306
- 0B0204
- 060102
- 020001
- 010000
- 000000
トーン
- 371720
- 3F222A
- 472D34
- 4F383E
- 584448
- 604F53
- 685B5E
- 706769
- 787374
カラーハーモニー
補色 +180°
- 2E0C17
Chocolate Kiss
- 001F1B
≈ Stellar Explorer
類似色 -30° +30°
- 2E0C17
Chocolate Kiss
- 290E25
≈ Dark Prom Queen
- 2F0D07
≈ Root Brew
トライアド +120° +240°
- 2E0C17
Chocolate Kiss
- 151D00
≈ Yuzu Soy
- 001C30
≈ Oxford by Night
スプリットコンプリメンタリー +150° +210°
- 2E0C17
Chocolate Kiss
- 00210C
≈ Clock Chimes Thirteen
- 001E24
≈ Stellar Explorer
テトラード +90° +180° +270°
- 2E0C17
Chocolate Kiss
- 211900
≈ Cannon Black
- 001F1B
≈ Stellar Explorer
- 111734
≈ Lost in Sadness
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 17.77:1 · APCA Lc 104
Ag
Fail黒の上
WCAG 1.18:1 · APCA Lc 0
最適な文字色: #FFFFFF
WCAG 17.77:1 (AAA) · APCA Lc 104
Contrast pairs
コードスニペット
CSS
:root {
--chocolate-kiss: #2e0c17;
--chocolate-kiss-rgb: 46 12 23;
--chocolate-kiss-oklch: oklch(0.216 0.057 3);
}
.element {
color: var(--chocolate-kiss);
background-color: hsl(341 59% 11%);
border-color: oklch(0.216 0.057 3);
}Tailwind CSS v4
@theme {
--color-chocolate-kiss: #2e0c17;
--color-chocolate-kiss-50: #ffeff3;
--color-chocolate-kiss-100: #fae0e5;
--color-chocolate-kiss-200: #ebcbd1;
--color-chocolate-kiss-300: #d2acb3;
--color-chocolate-kiss-400: #bc919b;
--color-chocolate-kiss-500: #a77682;
--color-chocolate-kiss-600: #8d646e;
--color-chocolate-kiss-700: #715058;
--color-chocolate-kiss-800: #533a41;
--color-chocolate-kiss-900: #3a282d;
--color-chocolate-kiss-950: #24161a;
}SCSS
$chocolate-kiss: #2e0c17;
$chocolate-kiss-rgb: 46, 12, 23;
$chocolate-kiss-light: mix(#fff, $chocolate-kiss, 20%);
$chocolate-kiss-dark: mix(#000, $chocolate-kiss, 20%);
.element {
color: $chocolate-kiss;
box-shadow: 0 0 0 2px rgba($chocolate-kiss, 0.35);
}