Cor nomeada mais próxima · #914639
#914639
Cor nomeada mais próxima: Chocolate Explosion
#914639 (rgb(145 70 57), hsl(9 44% 40%), oklch(0.486 0.104 31.3)) é mais próxima da cor nomeada Chocolate Explosion. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#914639
oklch(0.486 0.104 31.3)
Conversões de cor
- HEX
- #914639
- RGB
- rgb(145 70 57)
- HSL
- hsl(9 44% 40%)
- HWB
- hwb(9 22% 43%)
- OKLCH
- oklch(0.486 0.104 31.3)
- OKLab
- oklab(0.486 0.089 0.054)
- CIE Lab
- lab(39.48 31.51 23.27)
- LCH
- lch(39.48 39.17 36.4)
- CMYK
- cmyk(0% 52% 61% 43%)
Tons claros · Sombras · Tons
Tons claros
- 9D584B
- A96A5E
- B47C71
- C08E84
- CBA098
- D6B3AC
- E0C5C0
- EBD8D5
- F5ECEA
Sombras
- 7D3C30
- 6A3228
- 58281F
- 461E17
- 351510
- 250D09
- 150504
- 070201
- 010000
Tons
- 904D40
- 8F5348
- 8E594F
- 8D5F56
- 8B655D
- 8A6A64
- 88706B
- 857572
- 837B79
Harmonias de cor
Complementar +180°
- 914639
Chocolate Explosion
- 006C7B
≈ Shinbashi Azure
Análoga -30° +30°
- 914639
Chocolate Explosion
- 8E435B
≈ Umemurasaki Purple
- 894F12
≈ Plane Brown
Tríade +120° +240°
- 914639
Chocolate Explosion
- 287040
≈ Felt
- 4A5A9A
≈ Purple Frenzy
Complementar dividida +150° +210°
- 914639
Chocolate Explosion
- 006F62
≈ Forest Splendour
- 176595
≈ Wavy Navy
Tétrade +90° +180° +270°
- 914639
Chocolate Explosion
- 566818
≈ Forestial Outpost
- 006C7B
≈ Shinbashi Azure
- 6A5091
≈ Pure Mauve
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.68:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.13:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--chocolate-explosion: #914639;
--chocolate-explosion-rgb: 145 70 57;
--chocolate-explosion-oklch: oklch(0.486 0.104 31.3);
}
.element {
color: var(--chocolate-explosion);
background-color: hsl(9 44% 40%);
border-color: oklch(0.486 0.104 31.3);
}Tailwind CSS v4
@theme {
--color-chocolate-explosion: #914639;
--color-chocolate-explosion-50: #ffebe2;
--color-chocolate-explosion-100: #ffdcd2;
--color-chocolate-explosion-200: #fec5b8;
--color-chocolate-explosion-300: #e8a495;
--color-chocolate-explosion-400: #d58778;
--color-chocolate-explosion-500: #c16a5a;
--color-chocolate-explosion-600: #a35a4d;
--color-chocolate-explosion-700: #83483d;
--color-chocolate-explosion-800: #62332d;
--color-chocolate-explosion-900: #44231e;
--color-chocolate-explosion-950: #2c120e;
}SCSS
$chocolate-explosion: #914639;
$chocolate-explosion-rgb: 145, 70, 57;
$chocolate-explosion-light: mix(#fff, $chocolate-explosion, 20%);
$chocolate-explosion-dark: mix(#000, $chocolate-explosion, 20%);
.element {
color: $chocolate-explosion;
box-shadow: 0 0 0 2px rgba($chocolate-explosion, 0.35);
}