Cor nomeada mais próxima · #C8A67C
#C8A67C
Cor nomeada mais próxima: Outback
#C8A67C (rgb(200 166 124), hsl(33 41% 64%), oklch(0.745 0.069 72.3)) é mais próxima da cor nomeada Outback. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C8A67C
oklch(0.745 0.069 72.3)
Conversões de cor
- HEX
- #c8a67c
- RGB
- rgb(200 166 124)
- HSL
- hsl(33 41% 64%)
- HWB
- hwb(33 49% 22%)
- OKLCH
- oklch(0.745 0.069 72.3)
- OKLab
- oklab(0.745 0.021 0.066)
- CIE Lab
- lab(70.46 8.59 26.7)
- LCH
- lch(70.46 28.05 72.2)
- CMYK
- cmyk(0% 17% 38% 22%)
Tons claros · Sombras · Tons
Tons claros
- CEAF89
- D3B896
- D9C0A3
- DEC9B0
- E4D2BD
- E9DBCA
- EFE4D7
- F4EDE4
- FAF6F2
Sombras
- AE906B
- 947A5A
- 7B654A
- 63513B
- 4C3E2C
- 362B1E
- 211A11
- 0F0A05
- 020101
Tons
- C1A27D
- B99E7E
- B29B7E
- AB977F
- A4937F
- 9C8F80
- 958B80
- 8E8880
- 878480
Harmonias de cor
Complementar +180°
- C8A67C
Outback
- 8DB0D8
≈ Boy Blue
Análoga -30° +30°
- C8A67C
Outback
- D39F8A
≈ Shiny Kettle
- B5AF7B
≈ Weeping Willow
Tríade +120° +240°
- C8A67C
Outback
- 77BBB8
≈ Polished Aqua
- BCA0CD
≈ Lucius Lilac
Complementar dividida +150° +210°
- C8A67C
Outback
- 7BB7CC
≈ Blue Chrysocolla
- A5A8D8
≈ Childish Wonder
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.20:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
CSS
:root {
--outback: #c8a67c;
--outback-rgb: 200 166 124;
--outback-oklch: oklch(0.745 0.069 72.3);
}
.element {
color: var(--outback);
background-color: hsl(33 41% 64%);
border-color: oklch(0.745 0.069 72.3);
}Tailwind CSS v4
@theme {
--color-outback: #c8a67c;
--color-outback-50: #fff3e0;
--color-outback-100: #f6e5cf;
--color-outback-200: #e6d1b4;
--color-outback-300: #cdb391;
--color-outback-400: #b89871;
--color-outback-500: #a37f51;
--color-outback-600: #896b45;
--color-outback-700: #6e5637;
--color-outback-800: #523e27;
--color-outback-900: #392b1a;
--color-outback-950: #23180b;
}SCSS
$outback: #c8a67c;
$outback-rgb: 200, 166, 124;
$outback-light: mix(#fff, $outback, 20%);
$outback-dark: mix(#000, $outback, 20%);
.element {
color: $outback;
box-shadow: 0 0 0 2px rgba($outback, 0.35);
}