Color con nombre más cercano · #8CB768
#8CB768
Color con nombre más cercano: Broccoli
#8CB768 (rgb(140 183 104), hsl(93 35% 56%), oklch(0.73 0.117 132)) se parece más al color con nombre Broccoli. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#8CB768
oklch(0.73 0.117 132)
Conversiones de color
- HEX
- #8cb768
- RGB
- rgb(140 183 104)
- HSL
- hsl(93 35% 56%)
- HWB
- hwb(93 41% 28%)
- OKLCH
- oklch(0.73 0.117 132)
- OKLab
- oklab(0.73 -0.078 0.087)
- CIE Lab
- lab(69.91 -25.38 35.21)
- LCH
- lch(69.91 43.4 125.8)
- CMYK
- cmyk(23% 0% 43% 28%)
Tintes · Sombras · Tonos
Tintes
- 97BE78
- A2C687
- AECD96
- B9D4A5
- C5DBB4
- D0E2C3
- DCEAD2
- E7F1E1
- F3F8F0
Sombras
- 799F59
- 67874B
- 55703E
- 435A30
- 334524
- 233118
- 141E0C
- 070C04
- 010200
Tonos
- 8BB26B
- 8AAC6F
- 89A771
- 88A174
- 869C77
- 859679
- 84917B
- 838B7D
- 81867E
Armonías de color
Complementario +180°
- 8CB768
Broccoli
- C092DD
≈ Bright Lavender
Análogo -30° +30°
- 8CB768
Broccoli
- B6AA4B
≈ Dill Green
- 59BE91
≈ Techno Turquoise
Triádico +120° +240°
- 8CB768
Broccoli
- 6FACEF
≈ Blue Jeans
- E78894
≈ Strawberry Ice
Complementario dividido +150° +210°
- 8CB768
Broccoli
- 9C9EEF
≈ Cold Lips
- DA89BC
≈ Cyclamen
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.31:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.08:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.08:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--broccoli: #8cb768;
--broccoli-rgb: 140 183 104;
--broccoli-oklch: oklch(0.73 0.117 132);
}
.element {
color: var(--broccoli);
background-color: hsl(93 35% 56%);
border-color: oklch(0.73 0.117 132);
}Tailwind CSS v4
@theme {
--color-broccoli: #8cb768;
--color-broccoli-50: #e8fddb;
--color-broccoli-100: #d8f1ca;
--color-broccoli-200: #c0e0ad;
--color-broccoli-300: #9fc588;
--color-broccoli-400: #84ad63;
--color-broccoli-500: #68963e;
--color-broccoli-600: #597f36;
--color-broccoli-700: #47652b;
--color-broccoli-800: #354a1c;
--color-broccoli-900: #243312;
--color-broccoli-950: #131f04;
}SCSS
$broccoli: #8cb768;
$broccoli-rgb: 140, 183, 104;
$broccoli-light: mix(#fff, $broccoli, 20%);
$broccoli-dark: mix(#000, $broccoli, 20%);
.element {
color: $broccoli;
box-shadow: 0 0 0 2px rgba($broccoli, 0.35);
}