Colore con nome · #AE8087
Audrey’s Blush
Audrey’s Blush è #AE8087: rgb(174 128 135), hsl(351 22% 59%), oklch(0.647 0.058 8.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Audrey’s Blush color name →
#AE8087
oklch(0.647 0.058 8.7)
Conversioni di colore
- HEX
- #ae8087
- RGB
- rgb(174 128 135)
- HSL
- hsl(351 22% 59%)
- HWB
- hwb(351 50% 32%)
- OKLCH
- oklch(0.647 0.058 8.7)
- OKLab
- oklab(0.647 0.057 0.009)
- CIE Lab
- lab(58.38 19.1 3.57)
- LCH
- lch(58.38 19.43 10.6)
- CMYK
- cmyk(0% 26% 22% 32%)
Tinte · Ombre · Toni
Tinte
- B68C92
- BF989E
- C7A5AA
- CFB1B5
- D7BEC1
- DFCBCD
- E7D8DA
- EFE5E6
- F7F2F2
Ombre
- 976E75
- 805D63
- 6A4D51
- 553D41
- 412E31
- 2E1F21
- 1C1213
- 0B0606
- 010101
Toni
- AA8086
- A58086
- A18085
- 9C8084
- 988084
- 938083
- 8E8082
- 8A8081
- 858081
Armonie di colore
Complementare +180°
- AE8087
Audrey’s Blush
- 649A95
≈ Soft Touch
Analogo -30° +30°
- AE8087
Audrey’s Blush
- A6819A
≈ Bouquet
- AE8375
≈ Pink Earth
Triadico +120° +240°
- AE8087
Audrey’s Blush
- 849570
≈ Old Green
- 7392B0
≈ Wink
Complementare divisa +150° +210°
- AE8087
Audrey’s Blush
- 709981
≈ Douglas Fir Green
- 6597A6
≈ Shore Water
Tetradico +90° +180° +270°
- AE8087
Audrey’s Blush
- 978F66
≈ Tate Olive
- 649A95
≈ Soft Touch
- 868BB2
≈ Skysail Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.36:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.23:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.23:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--audrey-s-blush: #ae8087;
--audrey-s-blush-rgb: 174 128 135;
--audrey-s-blush-oklch: oklch(0.647 0.058 8.7);
}
.element {
color: var(--audrey-s-blush);
background-color: hsl(351 22% 59%);
border-color: oklch(0.647 0.058 8.7);
}Tailwind CSS v4
@theme {
--color-audrey-s-blush: #ae8087;
--color-audrey-s-blush-50: #ffeff1;
--color-audrey-s-blush-100: #fae0e3;
--color-audrey-s-blush-200: #eccbce;
--color-audrey-s-blush-300: #d3acb0;
--color-audrey-s-blush-400: #be9197;
--color-audrey-s-blush-500: #a8767e;
--color-audrey-s-blush-600: #8e646b;
--color-audrey-s-blush-700: #725055;
--color-audrey-s-blush-800: #543a3f;
--color-audrey-s-blush-900: #3b282b;
--color-audrey-s-blush-950: #251619;
}SCSS
$audrey-s-blush: #ae8087;
$audrey-s-blush-rgb: 174, 128, 135;
$audrey-s-blush-light: mix(#fff, $audrey-s-blush, 20%);
$audrey-s-blush-dark: mix(#000, $audrey-s-blush, 20%);
.element {
color: $audrey-s-blush;
box-shadow: 0 0 0 2px rgba($audrey-s-blush, 0.35);
}