Cor nomeada · #AC8A98
Reserve
Reserve é #AC8A98: rgb(172 138 152), hsl(335 17% 61%), oklch(0.669 0.045 351.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Reserve color name →
#AC8A98
oklch(0.669 0.045 351.8)
Conversões de cor
- HEX
- #ac8a98
- RGB
- rgb(172 138 152)
- HSL
- hsl(335 17% 61%)
- HWB
- hwb(335 54% 33%)
- OKLCH
- oklch(0.669 0.045 351.8)
- OKLab
- oklab(0.669 0.045 -0.006)
- CIE Lab
- lab(61.05 15.04 -2.32)
- LCH
- lch(61.05 15.22 351.2)
- CMYK
- cmyk(0% 20% 12% 33%)
Tons claros · Sombras · Tons
Tons claros
- B495A2
- BDA0AC
- C5ACB6
- CDB7C0
- D5C3CA
- DECFD5
- E6DBDF
- EEE7EA
- F7F3F4
Sombras
- 957784
- 7F6570
- 69535C
- 54424A
- 403238
- 2D2227
- 1B1417
- 0B0708
- 010101
Tons
- A88996
- A38893
- 9F8791
- 9B868E
- 96858C
- 92848A
- 8D8387
- 898285
- 848182
Harmonias de cor
Complementar +180°
- AC8A98
Reserve
- 799F92
≈ Regal View
Análoga -30° +30°
- AC8A98
Reserve
- A38CA6
≈ Nana
- B08B89
≈ Mauve Day
Tríade +120° +240°
- AC8A98
Reserve
- 959878
≈ Lucky Day
- 799BAC
≈ Palace Intrigue
Complementar dividida +150° +210°
- AC8A98
Reserve
- 869D83
≈ Basswood Green
- 749EA1
≈ Delaware Blue Hen
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.06:1 · APCA Lc 58
Ag
AASobre preto
WCAG 6.84:1 · APCA Lc 44
Melhor cor de texto: #000000
WCAG 6.84:1 (AA) · APCA Lc 44
Contrast pairs
Trechos de código
CSS
:root {
--reserve: #ac8a98;
--reserve-rgb: 172 138 152;
--reserve-oklch: oklch(0.669 0.045 351.8);
}
.element {
color: var(--reserve);
background-color: hsl(335 17% 61%);
border-color: oklch(0.669 0.045 351.8);
}Tailwind CSS v4
@theme {
--color-reserve: #ac8a98;
--color-reserve-50: #fff0f6;
--color-reserve-100: #f5e2e9;
--color-reserve-200: #e5cdd5;
--color-reserve-300: #cbaeb9;
--color-reserve-400: #b594a1;
--color-reserve-500: #9f7a89;
--color-reserve-600: #866774;
--color-reserve-700: #6b535d;
--color-reserve-800: #4f3c45;
--color-reserve-900: #37292f;
--color-reserve-950: #22171c;
}SCSS
$reserve: #ac8a98;
$reserve-rgb: 172, 138, 152;
$reserve-light: mix(#fff, $reserve, 20%);
$reserve-dark: mix(#000, $reserve, 20%);
.element {
color: $reserve;
box-shadow: 0 0 0 2px rgba($reserve, 0.35);
}