Colore con nome · #AA5B67
Ruby Petals
Ruby Petals è #AA5B67: rgb(170 91 103), hsl(351 32% 51%), oklch(0.567 0.104 11.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ruby Petals color name →
#AA5B67
oklch(0.567 0.104 11.3)
Conversioni di colore
- HEX
- #aa5b67
- RGB
- rgb(170 91 103)
- HSL
- hsl(351 32% 51%)
- HWB
- hwb(351 36% 33%)
- OKLCH
- oklch(0.567 0.104 11.3)
- OKLab
- oklab(0.567 0.102 0.02)
- CIE Lab
- lab(48.59 33.89 8.4)
- LCH
- lch(48.59 34.91 13.9)
- CMYK
- cmyk(0% 46% 39% 33%)
Tinte · Ombre · Toni
Tinte
- B46B75
- BD7B83
- C68B92
- CF9BA1
- D7ABB0
- E0BCBF
- E8CCCF
- F0DDDF
- F8EEEF
Ombre
- 934E59
- 7D414B
- 68353D
- 532930
- 3F1E23
- 2D1317
- 1B090C
- 0B0304
- 010000
Toni
- A75F69
- A3636C
- 9F676E
- 9B6B71
- 976F73
- 937376
- 8F7678
- 8A797B
- 857D7D
Armonie di colore
Complementare +180°
- AA5B67
Ruby Petals
- 008884
≈ Navigate
Analogo -30° +30°
- AA5B67
Ruby Petals
- 9F5D88
≈ Thimble Red
- A96044
≈ Borneo
Triadico +120° +240°
- AA5B67
Ruby Petals
- 60833F
≈ Shepherd’s Green
- 457AB1
≈ Viennese Blue
Complementare divisa +150° +210°
- AA5B67
Ruby Petals
- 318963
≈ Exquisite Emerald
- 0384A1
≈ Blue Arc
Tetradico +90° +180° +270°
- AA5B67
Ruby Petals
- 847823
≈ Faience Green
- 008884
≈ Navigate
- 6C6EB2
≈ Mediaeval
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.77:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.40:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.77:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--ruby-petals: #aa5b67;
--ruby-petals-rgb: 170 91 103;
--ruby-petals-oklch: oklch(0.567 0.104 11.3);
}
.element {
color: var(--ruby-petals);
background-color: hsl(351 32% 51%);
border-color: oklch(0.567 0.104 11.3);
}Tailwind CSS v4
@theme {
--color-ruby-petals: #aa5b67;
--color-ruby-petals-50: #ffeaec;
--color-ruby-petals-100: #ffdade;
--color-ruby-petals-200: #fdc3c7;
--color-ruby-petals-300: #e7a2a8;
--color-ruby-petals-400: #d4848f;
--color-ruby-petals-500: #c06775;
--color-ruby-petals-600: #a25863;
--color-ruby-petals-700: #82464f;
--color-ruby-petals-800: #61323b;
--color-ruby-petals-900: #442228;
--color-ruby-petals-950: #2b1116;
}SCSS
$ruby-petals: #aa5b67;
$ruby-petals-rgb: 170, 91, 103;
$ruby-petals-light: mix(#fff, $ruby-petals, 20%);
$ruby-petals-dark: mix(#000, $ruby-petals, 20%);
.element {
color: $ruby-petals;
box-shadow: 0 0 0 2px rgba($ruby-petals, 0.35);
}