Color con nombre más cercano · #9DB499
#9DB499
Color con nombre más cercano: Copper Patina
#9DB499 (rgb(157 180 153), hsl(111 15% 65%), oklch(0.745 0.046 141)) se parece más al color con nombre Copper Patina. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9DB499
oklch(0.745 0.046 141)
Conversiones de color
- HEX
- #9db499
- RGB
- rgb(157 180 153)
- HSL
- hsl(111 15% 65%)
- HWB
- hwb(111 60% 29%)
- OKLCH
- oklch(0.745 0.046 141)
- OKLab
- oklab(0.745 -0.036 0.029)
- CIE Lab
- lab(70.98 -12.09 11.04)
- LCH
- lch(70.98 16.38 137.6)
- CMYK
- cmyk(13% 0% 15% 29%)
Tintes · Sombras · Tonos
Tintes
- A6BBA3
- B0C3AD
- BACAB7
- C3D2C1
- CDD9CB
- D7E1D5
- E1E8E0
- EBF0EA
- F5F7F4
Sombras
- 889C84
- 738570
- 5F6E5D
- 4C584A
- 3A4438
- 283027
- 181D17
- 090C08
- 010201
Tonos
- 9AAF97
- 97A994
- 94A492
- 919F8F
- 8F9A8D
- 8C958A
- 898F88
- 868A85
- 838583
Armonías de color
Complementario +180°
- 9DB499
Copper Patina
- BAA3BE
≈ Svelte
Análogo -30° +30°
- 9DB499
Copper Patina
- ADAF8E
≈ Majolica Green
- 90B6A8
≈ Treetop
Triádico +120° +240°
- 9DB499
Copper Patina
- 9CADCA
≈ Satin Soft Blue
- C8A1A0
≈ Lady Guinevere
Complementario dividido +150° +210°
- 9DB499
Copper Patina
- ACA8C8
≈ Instigate
- C4A1B0
≈ Shady Pink
Tetrádico +90° +180° +270°
- 9DB499
Copper Patina
- 90B2C4
≈ Bright Bluebonnet
- BAA3BE
≈ Svelte
- C5A593
≈ Pragmatic
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.22:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.42:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--copper-patina: #9db499;
--copper-patina-rgb: 157 180 153;
--copper-patina-oklch: oklch(0.745 0.046 141);
}
.element {
color: var(--copper-patina);
background-color: hsl(111 15% 65%);
border-color: oklch(0.745 0.046 141);
}Tailwind CSS v4
@theme {
--color-copper-patina: #9db499;
--color-copper-patina-50: #eef9ed;
--color-copper-patina-100: #dfecde;
--color-copper-patina-200: #c9dac8;
--color-copper-patina-300: #aabea9;
--color-copper-patina-400: #90a68c;
--color-copper-patina-500: #768e72;
--color-copper-patina-600: #647860;
--color-copper-patina-700: #50604d;
--color-copper-patina-800: #3a4637;
--color-copper-patina-900: #283126;
--color-copper-patina-950: #161d14;
}SCSS
$copper-patina: #9db499;
$copper-patina-rgb: 157, 180, 153;
$copper-patina-light: mix(#fff, $copper-patina, 20%);
$copper-patina-dark: mix(#000, $copper-patina, 20%);
.element {
color: $copper-patina;
box-shadow: 0 0 0 2px rgba($copper-patina, 0.35);
}