Najbliższy nazwany kolor · #2E0C17
#2E0C17
Najbliższy nazwany kolor: Chocolate Kiss
#2E0C17 (rgb(46 12 23), hsl(341 59% 11%), oklch(0.216 0.057 3)) jest najbliższy nazwanemu kolorowi Chocolate Kiss. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2E0C17
oklch(0.216 0.057 3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 41212A
- 55363E
- 694C53
- 7E646A
- 927C81
- A79599
- BDAEB1
- D3C9CB
- E9E3E5
Odcienie ciemniejsze
- 270912
- 1F060E
- 18040A
- 120306
- 0B0204
- 060102
- 020001
- 010000
- 000000
Tony
- 371720
- 3F222A
- 472D34
- 4F383E
- 584448
- 604F53
- 685B5E
- 706769
- 787374
Harmonie kolorów
Komplementarna +180°
- 2E0C17
Chocolate Kiss
- 001F1B
≈ Stellar Explorer
Analogowa -30° +30°
- 2E0C17
Chocolate Kiss
- 290E25
≈ Dark Prom Queen
- 2F0D07
≈ Root Brew
Triada +120° +240°
- 2E0C17
Chocolate Kiss
- 151D00
≈ Yuzu Soy
- 001C30
≈ Oxford by Night
Komplementarna rozszczepiona +150° +210°
- 2E0C17
Chocolate Kiss
- 00210C
≈ Clock Chimes Thirteen
- 001E24
≈ Stellar Explorer
Tetrada +90° +180° +270°
- 2E0C17
Chocolate Kiss
- 211900
≈ Cannon Black
- 001F1B
≈ Stellar Explorer
- 111734
≈ Lost in Sadness
Kontrast i dostępność
Ag
AAANa bieli
WCAG 17.77:1 · APCA Lc 104
Ag
FailNa czerni
WCAG 1.18:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 17.77:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmenty kodu
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);
}