Color con nombre más cercano · #B2993F
#B2993F
Color con nombre más cercano: Greedy Gecko
#B2993F (rgb(178 153 63), hsl(47 48% 47%), oklch(0.688 0.113 93.7)) se parece más al color con nombre Greedy Gecko. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#B2993F
oklch(0.688 0.113 93.7)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- B9A355
- C1AD6A
- C9B77D
- D0C290
- D8CCA3
- E0D6B5
- E7E0C7
- EFEADA
- F7F5EC
Sombras
- 9A8435
- 83702C
- 6D5D23
- 574A1B
- 433812
- 2F270A
- 1D1704
- 0C0801
- 010100
Tonos
- AD9749
- A89451
- A39259
- 9E9060
- 998D66
- 948B6C
- 8F8871
- 8A8576
- 85837B
Armonías de color
Complementario +180°
- B2993F
Greedy Gecko
- 8595E0
≈ Portage
Análogo -30° +30°
- B2993F
Greedy Gecko
- CB8B4B
≈ Orange Nectar Bat
- 8DA654
≈ Chelsea Cucumber
Triádico +120° +240°
- B2993F
Greedy Gecko
- 27ACC5
≈ Havasupai Falls
- C580B8
≈ Peruvian Lily
Complementario dividido +150° +210°
- B2993F
Greedy Gecko
- 57A2DB
≈ Waimea Blue
- A989D4
≈ Middy’s Purple
Tetrádico +90° +180° +270°
- B2993F
Greedy Gecko
- 2AB1A2
≈ Waterfall
- 8595E0
≈ Portage
- D47C93
≈ Little Bow Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.52:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos 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);
}