Benannte Farbe · #AC5D3E
Pretty Parasol
Pretty Parasol ist #AC5D3E: rgb(172 93 62), hsl(17 47% 46%), oklch(0.564 0.112 41.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pretty Parasol color name →
#AC5D3E
oklch(0.564 0.112 41.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- B56D51
- BF7D64
- C78D77
- D09D89
- D8AD9C
- E1BDB0
- E9CDC3
- F0DED7
- F8EEEB
Shades
- 955035
- 7F432B
- 693723
- 542A1A
- 401F12
- 2D140A
- 1B0A04
- 0B0301
- 010000
Tones
- A86146
- A5654D
- A16954
- 9D6D5A
- 987061
- 947467
- 8F776E
- 8A7A74
- 857D7A
Farbharmonien
Komplementär +180°
- AC5D3E
Pretty Parasol
- 0083A1
≈ Ahoy! Blue
Analog -30° +30°
- AC5D3E
Pretty Parasol
- AD5764
≈ Grenadine
- 9E6918
≈ Cinnamon Brown
Triadisch +120° +240°
- AC5D3E
Pretty Parasol
- 238A61
≈ Chagall Green
- 6B6CB6
≈ Mediaeval
Geteilt komplementär +150° +210°
- AC5D3E
Pretty Parasol
- 008784
≈ Green Lapis
- 3F79B5
≈ Petrel
Tetradisch +90° +180° +270°
- AC5D3E
Pretty Parasol
- 5D8339
≈ Hot Pepper Green
- 0083A1
≈ Ahoy! Blue
- 8C61A6
≈ Chive Blossom
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.78:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.38:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.78:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
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);
}