Cor nomeada · #914D57
Rialto
Rialto é #914D57: rgb(145 77 87), hsl(351 31% 44%), oklch(0.505 0.092 11.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rialto color name →
#914D57
oklch(0.505 0.092 11.5)
Conversões de cor
- HEX
- #914d57
- RGB
- rgb(145 77 87)
- HSL
- hsl(351 31% 44%)
- HWB
- hwb(351 30% 43%)
- OKLCH
- oklch(0.505 0.092 11.5)
- OKLab
- oklab(0.505 0.09 0.018)
- CIE Lab
- lab(41.53 30 7.61)
- LCH
- lch(41.53 30.95 14.2)
- CMYK
- cmyk(0% 47% 40% 43%)
Tons claros · Sombras · Tons
Tons claros
- 9D5E66
- A86F76
- B48086
- BF9296
- CAA3A7
- D5B5B8
- E0C7C9
- EADADB
- F5ECED
Sombras
- 7D424B
- 6A373E
- 582C33
- 462227
- 35181C
- 250F12
- 150708
- 070203
- 010000
Tons
- 90535B
- 8F585F
- 8E5D63
- 8C6267
- 8B676B
- 896C6F
- 877173
- 857678
- 837B7C
Harmonias de cor
Complementar +180°
- 914D57
Rialto
- 007471
≈ Reef
Análoga -30° +30°
- 914D57
Rialto
- 884E74
≈ Purple Davenport
- 905139
≈ Sierra Redwood
Tríade +120° +240°
- 914D57
Rialto
- 516F35
≈ Deep Pine
- 3A6797
≈ Too Blue
Complementar dividida +150° +210°
- 914D57
Rialto
- 297554
≈ Greasy Greens
- 05708A
≈ Blue Jay Crest
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.17:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.40:1 · APCA Lc 21
Melhor cor de texto: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--rialto: #914d57;
--rialto-rgb: 145 77 87;
--rialto-oklch: oklch(0.505 0.092 11.5);
}
.element {
color: var(--rialto);
background-color: hsl(351 31% 44%);
border-color: oklch(0.505 0.092 11.5);
}Tailwind CSS v4
@theme {
--color-rialto: #914d57;
--color-rialto-50: #ffebed;
--color-rialto-100: #ffdcdf;
--color-rialto-200: #f9c5c9;
--color-rialto-300: #e2a5aa;
--color-rialto-400: #ce8890;
--color-rialto-500: #ba6b76;
--color-rialto-600: #9d5b64;
--color-rialto-700: #7e4950;
--color-rialto-800: #5e343b;
--color-rialto-900: #422429;
--color-rialto-950: #2a1217;
}SCSS
$rialto: #914d57;
$rialto-rgb: 145, 77, 87;
$rialto-light: mix(#fff, $rialto, 20%);
$rialto-dark: mix(#000, $rialto, 20%);
.element {
color: $rialto;
box-shadow: 0 0 0 2px rgba($rialto, 0.35);
}