Cor nomeada mais próxima · #A94D26
#A94D26
Cor nomeada mais próxima: Garfield
#A94D26 (rgb(169 77 38), hsl(18 63% 41%), oklch(0.531 0.132 41.9)) é mais próxima da cor nomeada Garfield. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A94D26
oklch(0.531 0.132 41.9)
Conversões de cor
- HEX
- #a94d26
- RGB
- rgb(169 77 38)
- HSL
- hsl(18 63% 41%)
- HWB
- hwb(18 15% 34%)
- OKLCH
- oklch(0.531 0.132 41.9)
- OKLab
- oklab(0.531 0.098 0.088)
- CIE Lab
- lab(44.61 36.85 40.87)
- LCH
- lch(44.61 55.03 48)
- CMYK
- cmyk(0% 54% 78% 34%)
Tons claros · Sombras · Tons
Tons claros
- B35F3E
- BD7153
- C68368
- CF947D
- D8A692
- E0B7A7
- E9C9BD
- F0DBD3
- F8EDE9
Sombras
- 924220
- 7C3719
- 672C13
- 53220D
- 3F1808
- 2C0F04
- 1B0702
- 0A0201
- 010000
Tons
- A65332
- A3593C
- 9F5F46
- 9C644F
- 986957
- 946E60
- 8F7368
- 8B7770
- 857C78
Harmonias de cor
Complementar +180°
- A94D26
Garfield
- 007894
≈ Celestial
Análoga -30° +30°
- A94D26
Garfield
- AA4658
≈ Pink Quince
- 945F00
≈ Raw Sienna
Tríade +120° +240°
- A94D26
Garfield
- 008057
≈ Irish Beauty
- 6160B6
≈ Blue Marguerite
Complementar dividida +150° +210°
- A94D26
Garfield
- 007C7A
≈ Navajo Turquoise
- 276EB5
≈ Beautiful Blue
Tétrade +90° +180° +270°
- A94D26
Garfield
- 4E7B1C
≈ Master Chief
- 007894
≈ Celestial
- 8552A3
≈ Royal Lilac
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.56:1 · APCA Lc 77
Ag
FailSobre preto
WCAG 3.77:1 · APCA Lc 25
Melhor cor de texto: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--garfield: #a94d26;
--garfield-rgb: 169 77 38;
--garfield-oklch: oklch(0.531 0.132 41.9);
}
.element {
color: var(--garfield);
background-color: hsl(18 63% 41%);
border-color: oklch(0.531 0.132 41.9);
}Tailwind CSS v4
@theme {
--color-garfield: #a94d26;
--color-garfield-50: #ffead7;
--color-garfield-100: #ffdbc5;
--color-garfield-200: #ffc3a7;
--color-garfield-300: #f0a17f;
--color-garfield-400: #df825e;
--color-garfield-500: #cc6438;
--color-garfield-600: #ad5531;
--color-garfield-700: #8b4427;
--color-garfield-800: #68301c;
--color-garfield-900: #492112;
--color-garfield-950: #2f1005;
}SCSS
$garfield: #a94d26;
$garfield-rgb: 169, 77, 38;
$garfield-light: mix(#fff, $garfield, 20%);
$garfield-dark: mix(#000, $garfield, 20%);
.element {
color: $garfield;
box-shadow: 0 0 0 2px rgba($garfield, 0.35);
}