Cor nomeada mais próxima · #AC9C17
#AC9C17
Cor nomeada mais próxima: Lucky
#AC9C17 (rgb(172 156 23), hsl(54 76% 38%), oklch(0.686 0.138 101.7)) é mais próxima da cor nomeada Lucky. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#AC9C17
oklch(0.686 0.138 101.7)
Conversões de cor
- HEX
- #ac9c17
- RGB
- rgb(172 156 23)
- HSL
- hsl(54 76% 38%)
- HWB
- hwb(54 9% 33%)
- OKLCH
- oklch(0.686 0.138 101.7)
- OKLab
- oklab(0.686 -0.028 0.135)
- CIE Lab
- lab(64.21 -3.53 62.94)
- LCH
- lch(64.21 63.04 93.2)
- CMYK
- cmyk(0% 9% 87% 33%)
Tons claros · Sombras · Tons
Tons claros
- B4A63E
- BCB058
- C4BA6F
- CCC485
- D4CE99
- DDD8AE
- E5E1C2
- EEEBD6
- F6F5EB
Sombras
- 958712
- 7F730E
- 695F0A
- 544C06
- 403904
- 2D2802
- 1B1801
- 0B0900
- 010100
Tons
- A7992F
- A3973E
- 9E944A
- 9A9254
- 958F5D
- 918C65
- 8D896C
- 888673
- 84837A
Harmonias de cor
Complementar +180°
- AC9C17
Lucky
- 8D8EED
≈ Perrywinkle
Análoga -30° +30°
- AC9C17
Lucky
- CE8A1F
≈ Chicken Masala
- 7AAB4B
≈ Parakeet
Tríade +120° +240°
- AC9C17
Lucky
- 00ABD1
≈ Hú Lán Blue
- D375B2
≈ Sky Magenta
Complementar dividida +150° +210°
- AC9C17
Lucky
- 549EEC
≈ Feather Star
- B67FD8
≈ Lavender Blossom
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.52:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--lucky: #ac9c17;
--lucky-rgb: 172 156 23;
--lucky-oklch: oklch(0.686 0.138 101.7);
}
.element {
color: var(--lucky);
background-color: hsl(54 76% 38%);
border-color: oklch(0.686 0.138 101.7);
}Tailwind CSS v4
@theme {
--color-lucky: #ac9c17;
--color-lucky-50: #fbf8ca;
--color-lucky-100: #efebb5;
--color-lucky-200: #ded892;
--color-lucky-300: #c3bb63;
--color-lucky-400: #afa12d;
--color-lucky-500: #9a8700;
--color-lucky-600: #827300;
--color-lucky-700: #685c00;
--color-lucky-800: #4e4200;
--color-lucky-900: #362e00;
--color-lucky-950: #211a00;
}SCSS
$lucky: #ac9c17;
$lucky-rgb: 172, 156, 23;
$lucky-light: mix(#fff, $lucky, 20%);
$lucky-dark: mix(#000, $lucky, 20%);
.element {
color: $lucky;
box-shadow: 0 0 0 2px rgba($lucky, 0.35);
}