Cor nomeada mais próxima · #B2993F
#B2993F
Cor nomeada mais próxima: Greedy Gecko
#B2993F (rgb(178 153 63), hsl(47 48% 47%), oklch(0.688 0.113 93.7)) é mais próxima da cor nomeada Greedy Gecko. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B2993F
oklch(0.688 0.113 93.7)
Conversões de cor
- HEX
- #b2993f
- RGB
- rgb(178 153 63)
- HSL
- hsl(47 48% 47%)
- HWB
- hwb(47 25% 30%)
- OKLCH
- oklch(0.688 0.113 93.7)
- OKLab
- oklab(0.688 -0.007 0.112)
- CIE Lab
- lab(64.2 1.91 49.31)
- LCH
- lch(64.2 49.34 87.8)
- CMYK
- cmyk(0% 14% 65% 30%)
Tons claros · Sombras · Tons
Tons claros
- B9A355
- C1AD6A
- C9B77D
- D0C290
- D8CCA3
- E0D6B5
- E7E0C7
- EFEADA
- F7F5EC
Sombras
- 9A8435
- 83702C
- 6D5D23
- 574A1B
- 433812
- 2F270A
- 1D1704
- 0C0801
- 010100
Tons
- AD9749
- A89451
- A39259
- 9E9060
- 998D66
- 948B6C
- 8F8871
- 8A8576
- 85837B
Harmonias de cor
Complementar +180°
- B2993F
Greedy Gecko
- 8595E0
≈ Portage
Análoga -30° +30°
- B2993F
Greedy Gecko
- CB8B4B
≈ Orange Nectar Bat
- 8DA654
≈ Chelsea Cucumber
Tríade +120° +240°
- B2993F
Greedy Gecko
- 27ACC5
≈ Havasupai Falls
- C580B8
≈ Peruvian Lily
Complementar dividida +150° +210°
- B2993F
Greedy Gecko
- 57A2DB
≈ Waimea Blue
- A989D4
≈ Middy’s Purple
Tétrade +90° +180° +270°
- B2993F
Greedy Gecko
- 2AB1A2
≈ Waterfall
- 8595E0
≈ Portage
- D47C93
≈ Little Bow Pink
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 {
--greedy-gecko: #b2993f;
--greedy-gecko-rgb: 178 153 63;
--greedy-gecko-oklch: oklch(0.688 0.113 93.7);
}
.element {
color: var(--greedy-gecko);
background-color: hsl(47 48% 47%);
border-color: oklch(0.688 0.113 93.7);
}Tailwind CSS v4
@theme {
--color-greedy-gecko: #b2993f;
--color-greedy-gecko-50: #fff6d2;
--color-greedy-gecko-100: #f3e8be;
--color-greedy-gecko-200: #e3d59e;
--color-greedy-gecko-300: #c9b773;
--color-greedy-gecko-400: #b59d49;
--color-greedy-gecko-500: #9f840d;
--color-greedy-gecko-600: #877012;
--color-greedy-gecko-700: #6c590f;
--color-greedy-gecko-800: #514107;
--color-greedy-gecko-900: #382d05;
--color-greedy-gecko-950: #231900;
}SCSS
$greedy-gecko: #b2993f;
$greedy-gecko-rgb: 178, 153, 63;
$greedy-gecko-light: mix(#fff, $greedy-gecko, 20%);
$greedy-gecko-dark: mix(#000, $greedy-gecko, 20%);
.element {
color: $greedy-gecko;
box-shadow: 0 0 0 2px rgba($greedy-gecko, 0.35);
}