Color con nombre más cercano · #6B7B5F
#6B7B5F
Color con nombre más cercano: Emerald City
#6B7B5F (rgb(107 123 95), hsl(94 13% 43%), oklch(0.562 0.046 132)) se parece más al color con nombre Emerald City. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#6B7B5F
oklch(0.562 0.046 132)
Conversiones de color
- HEX
- #6b7b5f
- RGB
- rgb(107 123 95)
- HSL
- hsl(94 13% 43%)
- HWB
- hwb(94 37% 52%)
- OKLCH
- oklch(0.562 0.046 132)
- OKLab
- oklab(0.562 -0.031 0.034)
- CIE Lab
- lab(49.69 -10.28 13.31)
- LCH
- lch(49.69 16.82 127.7)
- CMYK
- cmyk(13% 0% 23% 52%)
Tintes · Sombras · Tonos
Tintes
- 79876E
- 87947D
- 95A18C
- A3AE9C
- B2BBAC
- C1C8BC
- D0D6CD
- E0E3DD
- EFF1EE
Sombras
- 5C6A52
- 4E5A44
- 3F4A38
- 323A2C
- 252C20
- 181E15
- 0D100A
- 040503
- 000100
Tonos
- 6D7C62
- 6F7C66
- 717D69
- 737D6C
- 767E70
- 787E73
- 7A7F76
- 7C7F79
- 7E807D
Armonías de color
Complementario +180°
- 6B7B5F
Emerald City
- 7E6D89
≈ Grey Purple
Análogo -30° +30°
- 6B7B5F
Emerald City
- 7A7657
≈ Kokoda
- 5D7E6D
≈ Stone Cypress Green
Triádico +120° +240°
- 6B7B5F
Emerald City
- 627790
≈ Mahonia Berry Blue
- 8E6A6E
≈ Chocolate Sparkle
Complementario dividido +150° +210°
- 6B7B5F
Emerald City
- 707290
≈ Stormy Mauve
- 896B7D
≈ Raw Garnet Viola
Tetrádico +90° +180° +270°
- 6B7B5F
Emerald City
- 577B89
≈ Rocky Hill
- 7E6D89
≈ Grey Purple
- 8D6C60
≈ Sea Lion Brown
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.54:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.62:1 · APCA Lc 30
Mejor color de texto: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Fragmentos de código
CSS
:root {
--emerald-city: #6b7b5f;
--emerald-city-rgb: 107 123 95;
--emerald-city-oklch: oklch(0.562 0.046 132);
}
.element {
color: var(--emerald-city);
background-color: hsl(94 13% 43%);
border-color: oklch(0.562 0.046 132);
}Tailwind CSS v4
@theme {
--color-emerald-city: #6b7b5f;
--color-emerald-city-50: #f0f8eb;
--color-emerald-city-100: #e2ecdc;
--color-emerald-city-200: #ccd9c5;
--color-emerald-city-300: #aebda5;
--color-emerald-city-400: #94a589;
--color-emerald-city-500: #7b8d6d;
--color-emerald-city-600: #68775d;
--color-emerald-city-700: #535f4a;
--color-emerald-city-800: #3d4635;
--color-emerald-city-900: #2a3024;
--color-emerald-city-950: #181c13;
}SCSS
$emerald-city: #6b7b5f;
$emerald-city-rgb: 107, 123, 95;
$emerald-city-light: mix(#fff, $emerald-city, 20%);
$emerald-city-dark: mix(#000, $emerald-city, 20%);
.element {
color: $emerald-city;
box-shadow: 0 0 0 2px rgba($emerald-city, 0.35);
}