Colore con nome · #865A64
Rose Garland
Rose Garland è #865A64: rgb(134 90 100), hsl(346 20% 44%), oklch(0.518 0.059 4.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rose Garland color name →
#865A64
oklch(0.518 0.059 4.5)
Conversioni di colore
- HEX
- #865a64
- RGB
- rgb(134 90 100)
- HSL
- hsl(346 20% 44%)
- HWB
- hwb(346 35% 47%)
- OKLCH
- oklch(0.518 0.059 4.5)
- OKLab
- oklab(0.518 0.059 0.005)
- CIE Lab
- lab(43.37 19.75 2)
- LCH
- lch(43.37 19.85 5.8)
- CMYK
- cmyk(0% 33% 25% 47%)
Tinte · Ombre · Toni
Tinte
- 926972
- 9E7981
- AA8990
- B6999F
- C2A9AE
- CEBABE
- DBCBCE
- E7DCDE
- F3EDEE
Ombre
- 744D56
- 624148
- 51353B
- 40292E
- 301E22
- 211316
- 13090B
- 060303
- 010000
Toni
- 865E67
- 86626A
- 85666C
- 85696F
- 846D72
- 847175
- 837577
- 82797A
- 817C7D
Armonie di colore
Complementare +180°
- 865A64
Rose Garland
- 3D746C
≈ Green Sleeves
Analogo -30° +30°
- 865A64
Rose Garland
- 7E5C76
≈ Gala Ball
- 875C51
≈ Hanover Brick
Triadico +120° +240°
- 865A64
Rose Garland
- 616E48
≈ Grass Blade
- 4A6C88
≈ Wedgewood
Complementare divisa +150° +210°
- 865A64
Rose Garland
- 4C7359
≈ Green Valley
- 3C717E
≈ Grand Rapids
Tetradico +90° +180° +270°
- 865A64
Rose Garland
- 736840
≈ Swinging Vine
- 3D746C
≈ Green Sleeves
- 5E668B
≈ Champion Blue
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.73:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.66:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--rose-garland: #865a64;
--rose-garland-rgb: 134 90 100;
--rose-garland-oklch: oklch(0.518 0.059 4.5);
}
.element {
color: var(--rose-garland);
background-color: hsl(346 20% 44%);
border-color: oklch(0.518 0.059 4.5);
}Tailwind CSS v4
@theme {
--color-rose-garland: #865a64;
--color-rose-garland-50: #ffeff2;
--color-rose-garland-100: #fbe0e5;
--color-rose-garland-200: #eccad0;
--color-rose-garland-300: #d3abb2;
--color-rose-garland-400: #be909a;
--color-rose-garland-500: #a97681;
--color-rose-garland-600: #8e646d;
--color-rose-garland-700: #725057;
--color-rose-garland-800: #543a40;
--color-rose-garland-900: #3b282c;
--color-rose-garland-950: #25161a;
}SCSS
$rose-garland: #865a64;
$rose-garland-rgb: 134, 90, 100;
$rose-garland-light: mix(#fff, $rose-garland, 20%);
$rose-garland-dark: mix(#000, $rose-garland, 20%);
.element {
color: $rose-garland;
box-shadow: 0 0 0 2px rgba($rose-garland, 0.35);
}