Color con nombre · #774645
Burnt Tile
Burnt Tile es #774645: rgb(119 70 69), hsl(1 27% 37%), oklch(0.452 0.068 21.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Burnt Tile color name →
#774645
oklch(0.452 0.068 21.3)
Conversiones de color
- HEX
- #774645
- RGB
- rgb(119 70 69)
- HSL
- hsl(1 27% 37%)
- HWB
- hwb(1 27% 53%)
- OKLCH
- oklch(0.452 0.068 21.3)
- OKLab
- oklab(0.452 0.063 0.025)
- CIE Lab
- lab(35.71 21.48 10.06)
- LCH
- lch(35.71 23.72 25.1)
- CMYK
- cmyk(0% 41% 42% 53%)
Tintes · Sombras · Tonos
Tintes
- 855756
- 926867
- A07A78
- AD8C8B
- BB9E9D
- C9B1B0
- D6C4C3
- E4D8D7
- F1EBEB
Sombras
- 673C3B
- 573231
- 472827
- 381E1E
- 2A1515
- 1C0D0C
- 100505
- 050202
- 010000
Tonos
- 784C4B
- 7A5250
- 7B5856
- 7C5D5C
- 7D6362
- 7E6968
- 7F6F6E
- 7F7474
- 807A7A
Armonías de color
Complementario +180°
- 774645
Burnt Tile
- 1A6165
≈ Caribbean Swim
Análogo -30° +30°
- 774645
Burnt Tile
- 73465A
≈ Deep Carmine
- 744A32
≈ Taj
Triádico +120° +240°
- 774645
Burnt Tile
- 405F3B
≈ Cupidity
- 40567C
≈ Deep Azure
Complementario dividido +150° +210°
- 774645
Burnt Tile
- 276251
≈ Embracing
- 295C75
≈ Nautical Creatures
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 7.64:1 · APCA Lc 86
Ag
FailSobre negro
WCAG 2.74:1 · APCA Lc 16
Mejor color de texto: #FFFFFF
WCAG 7.64:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--burnt-tile: #774645;
--burnt-tile-rgb: 119 70 69;
--burnt-tile-oklch: oklch(0.452 0.068 21.3);
}
.element {
color: var(--burnt-tile);
background-color: hsl(1 27% 37%);
border-color: oklch(0.452 0.068 21.3);
}Tailwind CSS v4
@theme {
--color-burnt-tile: #774645;
--color-burnt-tile-50: #ffeeec;
--color-burnt-tile-100: #fee0dd;
--color-burnt-tile-200: #f0cac7;
--color-burnt-tile-300: #d8aaa7;
--color-burnt-tile-400: #c48f8d;
--color-burnt-tile-500: #af7472;
--color-burnt-tile-600: #946361;
--color-burnt-tile-700: #764f4d;
--color-burnt-tile-800: #583939;
--color-burnt-tile-900: #3d2727;
--color-burnt-tile-950: #271515;
}SCSS
$burnt-tile: #774645;
$burnt-tile-rgb: 119, 70, 69;
$burnt-tile-light: mix(#fff, $burnt-tile, 20%);
$burnt-tile-dark: mix(#000, $burnt-tile, 20%);
.element {
color: $burnt-tile;
box-shadow: 0 0 0 2px rgba($burnt-tile, 0.35);
}