Cor nomeada mais próxima · #472007
#472007
Cor nomeada mais próxima: Chocolate Castle
#472007 (rgb(71 32 7), hsl(23 82% 15%), oklch(0.294 0.069 49.4)) é mais próxima da cor nomeada Chocolate Castle. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#472007
oklch(0.294 0.069 49.4)
Conversões de cor
- HEX
- #472007
- RGB
- rgb(71 32 7)
- HSL
- hsl(23 82% 15%)
- HWB
- hwb(23 3% 72%)
- OKLCH
- oklch(0.294 0.069 49.4)
- OKLab
- oklab(0.294 0.045 0.053)
- CIE Lab
- lab(17.69 17.67 23.34)
- LCH
- lch(17.69 29.27 52.9)
- CMYK
- cmyk(0% 55% 90% 72%)
Tons claros · Sombras · Tons
Tons claros
- 59341F
- 6A4835
- 7C5D4C
- 8E7264
- A1897C
- B39F95
- C6B6AF
- D9CEC9
- ECE6E4
Sombras
- 3D1A05
- 321504
- 280F02
- 1F0A02
- 160601
- 0D0300
- 060100
- 020000
- 000000
Tons
- 4D2915
- 533321
- 593C2C
- 5F4638
- 654F44
- 6A594F
- 70625B
- 756C67
- 7B7674
Harmonias de cor
Complementar +180°
- 472007
Chocolate Castle
- 003143
≈ Nordic Noir
Análoga -30° +30°
- 472007
Chocolate Castle
- 491C1E
≈ Vino Tinto
- 3C2800
≈ Secret Passage
Tríade +120° +240°
- 472007
Chocolate Castle
- 003527
≈ Coach Green
- 2C254C
≈ Cardinal Mauve
Complementar dividida +150° +210°
- 472007
Chocolate Castle
- 003436
≈ Nora’s Forest
- 162C4E
≈ Midnight Ocean
Tétrade +90° +180° +270°
- 472007
Chocolate Castle
- 183410
≈ Dark Serpent
- 003143
≈ Nordic Noir
- 3B2042
≈ Power Outage
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 14.21:1 · APCA Lc 101
Ag
FailSobre preto
WCAG 1.47:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 14.21:1 (AAA) · APCA Lc 101
Contrast pairs
Trechos de código
CSS
:root {
--chocolate-castle: #472007;
--chocolate-castle-rgb: 71 32 7;
--chocolate-castle-oklch: oklch(0.294 0.069 49.4);
}
.element {
color: var(--chocolate-castle);
background-color: hsl(23 82% 15%);
border-color: oklch(0.294 0.069 49.4);
}Tailwind CSS v4
@theme {
--color-chocolate-castle: #472007;
--color-chocolate-castle-50: #fff0e4;
--color-chocolate-castle-100: #fce2d3;
--color-chocolate-castle-200: #edcdba;
--color-chocolate-castle-300: #d5ae98;
--color-chocolate-castle-400: #c1937a;
--color-chocolate-castle-500: #ac795d;
--color-chocolate-castle-600: #91664f;
--color-chocolate-castle-700: #75523f;
--color-chocolate-castle-800: #563b2d;
--color-chocolate-castle-900: #3c281f;
--color-chocolate-castle-950: #26160e;
}SCSS
$chocolate-castle: #472007;
$chocolate-castle-rgb: 71, 32, 7;
$chocolate-castle-light: mix(#fff, $chocolate-castle, 20%);
$chocolate-castle-dark: mix(#000, $chocolate-castle, 20%);
.element {
color: $chocolate-castle;
box-shadow: 0 0 0 2px rgba($chocolate-castle, 0.35);
}