Colore con nome · #AC5D3E
Pretty Parasol
Pretty Parasol è #AC5D3E: rgb(172 93 62), hsl(17 47% 46%), oklch(0.564 0.112 41.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Pretty Parasol color name →
#AC5D3E
oklch(0.564 0.112 41.7)
Conversioni di colore
- HEX
- #ac5d3e
- RGB
- rgb(172 93 62)
- HSL
- hsl(17 47% 46%)
- HWB
- hwb(17 24% 33%)
- OKLCH
- oklch(0.564 0.112 41.7)
- OKLab
- oklab(0.564 0.084 0.075)
- CIE Lab
- lab(48.66 30.91 32.52)
- LCH
- lch(48.66 44.87 46.5)
- CMYK
- cmyk(0% 46% 64% 33%)
Tinte · Ombre · Toni
Tinte
- B56D51
- BF7D64
- C78D77
- D09D89
- D8AD9C
- E1BDB0
- E9CDC3
- F0DED7
- F8EEEB
Ombre
- 955035
- 7F432B
- 693723
- 542A1A
- 401F12
- 2D140A
- 1B0A04
- 0B0301
- 010000
Toni
- A86146
- A5654D
- A16954
- 9D6D5A
- 987061
- 947467
- 8F776E
- 8A7A74
- 857D7A
Armonie di colore
Complementare +180°
- AC5D3E
Pretty Parasol
- 0083A1
≈ Ahoy! Blue
Analogo -30° +30°
- AC5D3E
Pretty Parasol
- AD5764
≈ Grenadine
- 9E6918
≈ Cinnamon Brown
Triadico +120° +240°
- AC5D3E
Pretty Parasol
- 238A61
≈ Chagall Green
- 6B6CB6
≈ Mediaeval
Complementare divisa +150° +210°
- AC5D3E
Pretty Parasol
- 008784
≈ Green Lapis
- 3F79B5
≈ Petrel
Tetradico +90° +180° +270°
- AC5D3E
Pretty Parasol
- 5D8339
≈ Hot Pepper Green
- 0083A1
≈ Ahoy! Blue
- 8C61A6
≈ Chive Blossom
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.78:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.38:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.78:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--pretty-parasol: #ac5d3e;
--pretty-parasol-rgb: 172 93 62;
--pretty-parasol-oklch: oklch(0.564 0.112 41.7);
}
.element {
color: var(--pretty-parasol);
background-color: hsl(17 47% 46%);
border-color: oklch(0.564 0.112 41.7);
}Tailwind CSS v4
@theme {
--color-pretty-parasol: #ac5d3e;
--color-pretty-parasol-50: #ffecdc;
--color-pretty-parasol-100: #ffddca;
--color-pretty-parasol-200: #fec6ae;
--color-pretty-parasol-300: #e9a589;
--color-pretty-parasol-400: #d78769;
--color-pretty-parasol-500: #c36a47;
--color-pretty-parasol-600: #a55a3d;
--color-pretty-parasol-700: #844831;
--color-pretty-parasol-800: #633423;
--color-pretty-parasol-900: #452317;
--color-pretty-parasol-950: #2d1208;
}SCSS
$pretty-parasol: #ac5d3e;
$pretty-parasol-rgb: 172, 93, 62;
$pretty-parasol-light: mix(#fff, $pretty-parasol, 20%);
$pretty-parasol-dark: mix(#000, $pretty-parasol, 20%);
.element {
color: $pretty-parasol;
box-shadow: 0 0 0 2px rgba($pretty-parasol, 0.35);
}