Cor nomeada mais próxima · #2E0B19
#2E0B19
Cor nomeada mais próxima: Chocolate Kiss
#2E0B19 (rgb(46 11 25), hsl(336 61% 11%), oklch(0.215 0.06 358.6)) é mais próxima da cor nomeada Chocolate Kiss. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#2E0B19
oklch(0.215 0.06 358.6)
Conversões de cor
- HEX
- #2e0b19
- RGB
- rgb(46 11 25)
- HSL
- hsl(336 61% 11%)
- HWB
- hwb(336 4% 82%)
- OKLCH
- oklch(0.215 0.06 358.6)
- OKLab
- oklab(0.215 0.06 -0.001)
- CIE Lab
- lab(8.19 19.41 -0.31)
- LCH
- lch(8.19 19.42 359.1)
- CMYK
- cmyk(0% 76% 46% 82%)
Tons claros · Sombras · Tons
Tons claros
- 41202C
- 553540
- 694C55
- 7E636B
- 927B82
- A7949A
- BDAEB2
- D3C8CB
- E9E3E5
Sombras
- 270814
- 1F0610
- 18040B
- 120207
- 0B0104
- 060102
- 020001
- 010000
- 000000
Tons
- 371622
- 3F212B
- 472C35
- 50383F
- 584349
- 604F54
- 685B5F
- 70676A
- 787375
Harmonias de cor
Complementar +180°
- 2E0B19
Chocolate Kiss
- 001F1A
≈ Stellar Explorer
Análoga -30° +30°
- 2E0B19
Chocolate Kiss
- 280E27
≈ Dark Prom Queen
- 300C08
≈ 3AM Breakup
Tríade +120° +240°
- 2E0B19
Chocolate Kiss
- 171C00
≈ Yuzu Soy
- 001C2D
≈ Oxford by Night
Complementar dividida +150° +210°
- 2E0B19
Chocolate Kiss
- 012108
≈ Clock Chimes Thirteen
- 001E22
≈ Stellar Explorer
Tétrade +90° +180° +270°
- 2E0B19
Chocolate Kiss
- 221800
≈ Cannon Black
- 001F1A
≈ Stellar Explorer
- 0E1735
≈ Liberty Blue
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 17.82:1 · APCA Lc 104
Ag
FailSobre preto
WCAG 1.17:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 17.82:1 (AAA) · APCA Lc 104
Contrast pairs
Trechos de código
CSS
:root {
--chocolate-kiss: #2e0b19;
--chocolate-kiss-rgb: 46 11 25;
--chocolate-kiss-oklch: oklch(0.215 0.06 358.6);
}
.element {
color: var(--chocolate-kiss);
background-color: hsl(336 61% 11%);
border-color: oklch(0.215 0.06 358.6);
}Tailwind CSS v4
@theme {
--color-chocolate-kiss: #2e0b19;
--color-chocolate-kiss-50: #ffeef4;
--color-chocolate-kiss-100: #fae0e7;
--color-chocolate-kiss-200: #ebcad3;
--color-chocolate-kiss-300: #d3abb6;
--color-chocolate-kiss-400: #bd909e;
--color-chocolate-kiss-500: #a87685;
--color-chocolate-kiss-600: #8e6471;
--color-chocolate-kiss-700: #72505a;
--color-chocolate-kiss-800: #543a43;
--color-chocolate-kiss-900: #3a282e;
--color-chocolate-kiss-950: #24161b;
}SCSS
$chocolate-kiss: #2e0b19;
$chocolate-kiss-rgb: 46, 11, 25;
$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);
}