Colore con nome · #AE5F51
Trolley Dash
Trolley Dash è #AE5F51: rgb(174 95 81), hsl(9 36% 50%), oklch(0.574 0.106 31.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Trolley Dash color name →
#AE5F51
oklch(0.574 0.106 31.1)
Conversioni di colore
- HEX
- #ae5f51
- RGB
- rgb(174 95 81)
- HSL
- hsl(9 36% 50%)
- HWB
- hwb(9 32% 32%)
- OKLCH
- oklch(0.574 0.106 31.1)
- OKLab
- oklab(0.574 0.09 0.055)
- CIE Lab
- lab(49.64 31.76 22.95)
- LCH
- lch(49.64 39.18 35.8)
- CMYK
- cmyk(0% 45% 53% 32%)
Tinte · Ombre · Toni
Tinte
- B76F61
- C07E72
- C98E83
- D19E94
- D9AEA5
- E1BEB7
- E9CEC8
- F1DEDA
- F8EEED
Ombre
- 975245
- 80443A
- 6A382F
- 552C24
- 41201A
- 2E1510
- 1C0A07
- 0B0302
- 010000
Toni
- AA6356
- A6675B
- A26A60
- 9E6E65
- 997169
- 95746E
- 907772
- 8B7A77
- 867D7C
Armonie di colore
Complementare +180°
- AE5F51
Trolley Dash
- 00889A
≈ Marker Blue
Analogo -30° +30°
- AE5F51
Trolley Dash
- AB5C75
≈ Topinambur Root
- A56930
≈ Eagle
Triadico +120° +240°
- AE5F51
Trolley Dash
- 438A58
≈ Irish
- 6274B7
≈ Wild Pansy
Complementare divisa +150° +210°
- AE5F51
Trolley Dash
- 008C7C
≈ Greenlake
- 3580B1
≈ Beijing Blue
Tetradico +90° +180° +270°
- AE5F51
Trolley Dash
- 6F8234
≈ Swamp Moss
- 00889A
≈ Marker Blue
- 8369AD
≈ Wintertime Mauve
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.60:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.55:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.60:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--trolley-dash: #ae5f51;
--trolley-dash-rgb: 174 95 81;
--trolley-dash-oklch: oklch(0.574 0.106 31.1);
}
.element {
color: var(--trolley-dash);
background-color: hsl(9 36% 50%);
border-color: oklch(0.574 0.106 31.1);
}Tailwind CSS v4
@theme {
--color-trolley-dash: #ae5f51;
--color-trolley-dash-50: #ffebe2;
--color-trolley-dash-100: #ffdcd2;
--color-trolley-dash-200: #fec5b7;
--color-trolley-dash-300: #e8a495;
--color-trolley-dash-400: #d58678;
--color-trolley-dash-500: #c2695a;
--color-trolley-dash-600: #a45a4c;
--color-trolley-dash-700: #84483d;
--color-trolley-dash-800: #62332d;
--color-trolley-dash-900: #45231e;
--color-trolley-dash-950: #2c120e;
}SCSS
$trolley-dash: #ae5f51;
$trolley-dash-rgb: 174, 95, 81;
$trolley-dash-light: mix(#fff, $trolley-dash, 20%);
$trolley-dash-dark: mix(#000, $trolley-dash, 20%);
.element {
color: $trolley-dash;
box-shadow: 0 0 0 2px rgba($trolley-dash, 0.35);
}