Color con nombre más cercano · #96A065
#96A065
Color con nombre más cercano: Vitality
#96A065 (rgb(150 160 101), hsl(70 24% 51%), oklch(0.683 0.081 116.4)) se parece más al color con nombre Vitality. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#96A065
oklch(0.683 0.081 116.4)
Conversiones de color
- HEX
- #96a065
- RGB
- rgb(150 160 101)
- HSL
- hsl(70 24% 51%)
- HWB
- hwb(70 40% 37%)
- OKLCH
- oklch(0.683 0.081 116.4)
- OKLab
- oklab(0.683 -0.036 0.073)
- CIE Lab
- lab(63.98 -10.9 29.51)
- LCH
- lch(63.98 31.46 110.3)
- CMYK
- cmyk(6% 0% 37% 37%)
Tintes · Sombras · Tonos
Tintes
- A0A974
- AAB384
- B4BC93
- BFC5A2
- C9CFB1
- D4D8C1
- DEE2D0
- E9ECE0
- F4F5EF
Sombras
- 828B57
- 6E7649
- 5B613C
- 494E2F
- 373B22
- 262917
- 16190C
- 080903
- 010100
Tonos
- 949D68
- 919A6C
- 8F976F
- 8D9371
- 8B9074
- 898D77
- 868A79
- 84877C
- 82837E
Armonías de color
Complementario +180°
- 96A065
Vitality
- 9E8FC6
≈ Violet Tulip
Análogo -30° +30°
- 96A065
Vitality
- AF965D
≈ Edgy Gold
- 78A77B
≈ Primavera
Triádico +120° +240°
- 96A065
Vitality
- 66A1C5
≈ Gulf Stream Blue
- C2849A
≈ King’s Cloak
Complementario dividido +150° +210°
- 96A065
Vitality
- 8298CC
≈ Purple Gentian
- B488B4
≈ Violet Whimsy
Tetrádico +90° +180° +270°
- 96A065
Vitality
- 56A8B2
≈ Gone Fishing
- 9E8FC6
≈ Violet Tulip
- C7867F
≈ Sunstone
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.51:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--vitality: #96a065;
--vitality-rgb: 150 160 101;
--vitality-oklch: oklch(0.683 0.081 116.4);
}
.element {
color: var(--vitality);
background-color: hsl(70 24% 51%);
border-color: oklch(0.683 0.081 116.4);
}Tailwind CSS v4
@theme {
--color-vitality: #96a065;
--color-vitality-50: #f2f9df;
--color-vitality-100: #e5ecce;
--color-vitality-200: #d0dab3;
--color-vitality-300: #b3be8f;
--color-vitality-400: #9ba56d;
--color-vitality-500: #838d4c;
--color-vitality-600: #6f7741;
--color-vitality-700: #586034;
--color-vitality-800: #424624;
--color-vitality-900: #2d3018;
--color-vitality-950: #1a1c08;
}SCSS
$vitality: #96a065;
$vitality-rgb: 150, 160, 101;
$vitality-light: mix(#fff, $vitality, 20%);
$vitality-dark: mix(#000, $vitality, 20%);
.element {
color: $vitality;
box-shadow: 0 0 0 2px rgba($vitality, 0.35);
}