Cor nomeada mais próxima · #C6AC87
#C6AC87
Cor nomeada mais próxima: Croissant
#C6AC87 (rgb(198 172 135), hsl(35 36% 65%), oklch(0.758 0.059 76.4)) é mais próxima da cor nomeada Croissant. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C6AC87
oklch(0.758 0.059 76.4)
Conversões de cor
- HEX
- #c6ac87
- RGB
- rgb(198 172 135)
- HSL
- hsl(35 36% 65%)
- HWB
- hwb(35 53% 22%)
- OKLCH
- oklch(0.758 0.059 76.4)
- OKLab
- oklab(0.758 0.014 0.057)
- CIE Lab
- lab(71.97 5.71 22.76)
- LCH
- lch(71.97 23.46 75.9)
- CMYK
- cmyk(0% 13% 32% 22%)
Tons claros · Sombras · Tons
Tons claros
- CCB493
- D1BC9F
- D7C5AA
- DDCDB6
- E2D5C2
- E8DDCE
- EEE6DA
- F4EEE7
- F9F7F3
Sombras
- AC9575
- 927F63
- 7A6951
- 625441
- 4B4031
- 352D21
- 211B13
- 0E0B06
- 020101
Tons
- BFA887
- B8A386
- B19F86
- AA9A85
- A39684
- 9C9284
- 958D83
- 8E8982
- 878481
Harmonias de cor
Complementar +180°
- C6AC87
Croissant
- 99B2D6
≈ Echo Isles Water
Análoga -30° +30°
- C6AC87
Croissant
- D1A691
≈ Amber Grey
- B5B388
≈ Sumptuous Sage
Tríade +120° +240°
- C6AC87
Croissant
- 84BCBD
≈ Riverbed
- BFA5CA
≈ Lavendula
Complementar dividida +150° +210°
- C6AC87
Croissant
- 89B9CD
≈ Blue Bird Morning
- ADABD5
≈ Monastic
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.17:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.65:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.65:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
CSS
:root {
--croissant: #c6ac87;
--croissant-rgb: 198 172 135;
--croissant-oklch: oklch(0.758 0.059 76.4);
}
.element {
color: var(--croissant);
background-color: hsl(35 36% 65%);
border-color: oklch(0.758 0.059 76.4);
}Tailwind CSS v4
@theme {
--color-croissant: #c6ac87;
--color-croissant-50: #fff4e3;
--color-croissant-100: #f3e6d3;
--color-croissant-200: #e2d2b9;
--color-croissant-300: #c8b496;
--color-croissant-400: #b39a78;
--color-croissant-500: #9d815a;
--color-croissant-600: #846d4c;
--color-croissant-700: #6a573d;
--color-croissant-800: #4f402b;
--color-croissant-900: #372c1d;
--color-croissant-950: #21190d;
}SCSS
$croissant: #c6ac87;
$croissant-rgb: 198, 172, 135;
$croissant-light: mix(#fff, $croissant, 20%);
$croissant-dark: mix(#000, $croissant, 20%);
.element {
color: $croissant;
box-shadow: 0 0 0 2px rgba($croissant, 0.35);
}