Colore con nome · #735551
Rosy Sandstone
Rosy Sandstone è #735551: rgb(115 85 81), hsl(7 17% 38%), oklch(0.48 0.041 27.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rosy Sandstone color name →
#735551
oklch(0.48 0.041 27.3)
Conversioni di colore
- HEX
- #735551
- RGB
- rgb(115 85 81)
- HSL
- hsl(7 17% 38%)
- HWB
- hwb(7 32% 55%)
- OKLCH
- oklch(0.48 0.041 27.3)
- OKLab
- oklab(0.48 0.036 0.019)
- CIE Lab
- lab(39.29 12.38 7.45)
- LCH
- lch(39.29 14.45 31.1)
- CMYK
- cmyk(0% 26% 30% 55%)
Tinte · Ombre · Toni
Tinte
- 806561
- 8E7471
- 9C8582
- A99592
- B7A6A4
- C5B7B5
- D4C9C7
- E2DBDA
- F0EDEC
Ombre
- 634945
- 543D3A
- 45312F
- 362624
- 281C1A
- 1B1110
- 0F0807
- 050202
- 010000
Toni
- 755956
- 765E5A
- 77625F
- 796663
- 7A6A68
- 7B6F6D
- 7D7372
- 7E7776
- 7F7C7B
Armonie di colore
Complementare +180°
- 735551
Rosy Sandstone
- 416469
≈ Wanderlust
Analogo -30° +30°
- 735551
Rosy Sandstone
- 71545E
≈ Exotic Eggplant
- 705847
≈ Rustic Tobacco
Triadico +120° +240°
- 735551
Rosy Sandstone
- 4E6450
≈ Pasture Green
- 535D75
≈ Vintage Indigo
Complementare divisa +150° +210°
- 735551
Rosy Sandstone
- 44655D
≈ Pine Haven
- 486172
≈ Deepest Water
Tetradico +90° +180° +270°
- 735551
Rosy Sandstone
- 5B6147
≈ Old Botanical Garden
- 416469
≈ Wanderlust
- 605972
≈ Head Over Heels
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.67:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.14:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.67:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--rosy-sandstone: #735551;
--rosy-sandstone-rgb: 115 85 81;
--rosy-sandstone-oklch: oklch(0.48 0.041 27.3);
}
.element {
color: var(--rosy-sandstone);
background-color: hsl(7 17% 38%);
border-color: oklch(0.48 0.041 27.3);
}Tailwind CSS v4
@theme {
--color-rosy-sandstone: #735551;
--color-rosy-sandstone-50: #fff1ee;
--color-rosy-sandstone-100: #f5e3e0;
--color-rosy-sandstone-200: #e5ceca;
--color-rosy-sandstone-300: #ccb0ab;
--color-rosy-sandstone-400: #b59691;
--color-rosy-sandstone-500: #a07c77;
--color-rosy-sandstone-600: #876965;
--color-rosy-sandstone-700: #6c5451;
--color-rosy-sandstone-800: #503d3b;
--color-rosy-sandstone-900: #372a29;
--color-rosy-sandstone-950: #221816;
}SCSS
$rosy-sandstone: #735551;
$rosy-sandstone-rgb: 115, 85, 81;
$rosy-sandstone-light: mix(#fff, $rosy-sandstone, 20%);
$rosy-sandstone-dark: mix(#000, $rosy-sandstone, 20%);
.element {
color: $rosy-sandstone;
box-shadow: 0 0 0 2px rgba($rosy-sandstone, 0.35);
}