Cor nomeada mais próxima · #A1682F
#A1682F
Cor nomeada mais próxima: Eagle
#A1682F (rgb(161 104 47), hsl(30 55% 41%), oklch(0.568 0.103 62.9)) é mais próxima da cor nomeada Eagle. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A1682F
oklch(0.568 0.103 62.9)
Conversões de cor
- HEX
- #a1682f
- RGB
- rgb(161 104 47)
- HSL
- hsl(30 55% 41%)
- HWB
- hwb(30 18% 37%)
- OKLCH
- oklch(0.568 0.103 62.9)
- OKLab
- oklab(0.568 0.047 0.091)
- CIE Lab
- lab(49.53 19.7 40.85)
- LCH
- lch(49.53 45.35 64.3)
- CMYK
- cmyk(0% 35% 71% 37%)
Tons claros · Sombras · Tons
Tons claros
- AB7746
- B5855B
- BE946F
- C8A383
- D1B297
- DAC1AC
- E4D0C0
- EDE0D5
- F6EFEA
Sombras
- 8B5927
- 764B20
- 623E19
- 4E3012
- 3C240C
- 2A1806
- 190C03
- 090401
- 010000
Tons
- 9E6B3A
- 9B6E43
- 98704C
- 957354
- 92755C
- 8E7763
- 8B7A6B
- 877C72
- 847E79
Harmonias de cor
Complementar +180°
- A1682F
Eagle
- 397DAE
≈ Beijing Blue
Análoga -30° +30°
- A1682F
Eagle
- AB5E4E
≈ Trolley Dash
- 8C7522
≈ Aubergine Green
Tríade +120° +240°
- A1682F
Eagle
- 008A7C
≈ Go Go Green
- 8367A8
≈ Chive Blossom
Complementar dividida +150° +210°
- A1682F
Eagle
- 008599
≈ Cruising
- 6372B3
≈ Wild Pansy
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.62:1 · APCA Lc 72
Ag
AASobre preto
WCAG 4.53:1 · APCA Lc 30
Melhor cor de texto: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--eagle: #a1682f;
--eagle-rgb: 161 104 47;
--eagle-oklch: oklch(0.568 0.103 62.9);
}
.element {
color: var(--eagle);
background-color: hsl(30 55% 41%);
border-color: oklch(0.568 0.103 62.9);
}Tailwind CSS v4
@theme {
--color-eagle: #a1682f;
--color-eagle-50: #fff0d7;
--color-eagle-100: #ffe2c5;
--color-eagle-200: #f4cca7;
--color-eagle-300: #dcad7f;
--color-eagle-400: #ca915c;
--color-eagle-500: #b67635;
--color-eagle-600: #99642f;
--color-eagle-700: #7b5025;
--color-eagle-800: #5c391a;
--color-eagle-900: #402711;
--color-eagle-950: #291504;
}SCSS
$eagle: #a1682f;
$eagle-rgb: 161, 104, 47;
$eagle-light: mix(#fff, $eagle, 20%);
$eagle-dark: mix(#000, $eagle, 20%);
.element {
color: $eagle;
box-shadow: 0 0 0 2px rgba($eagle, 0.35);
}