Color con nombre más cercano · #6B6A82
#6B6A82
Color con nombre más cercano: Dark Prince
#6B6A82 (rgb(107 106 130), hsl(243 10% 46%), oklch(0.534 0.037 287)) se parece más al color con nombre Dark Prince. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#6B6A82
oklch(0.534 0.037 287)
Conversiones de color
- HEX
- #6b6a82
- RGB
- rgb(107 106 130)
- HSL
- hsl(243 10% 46%)
- HWB
- hwb(243 42% 49%)
- OKLCH
- oklch(0.534 0.037 287)
- OKLab
- oklab(0.534 0.011 -0.036)
- CIE Lab
- lab(45.58 4.43 -13.21)
- LCH
- lch(45.58 13.93 288.5)
- CMYK
- cmyk(18% 18% 0% 49%)
Tintes · Sombras · Tonos
Tintes
- 79788E
- 87869A
- 9594A6
- A3A3B2
- B2B2BF
- C1C1CB
- D0D0D8
- E0DFE5
- EFEFF2
Sombras
- 5C5B70
- 4E4D5F
- 3F3F4E
- 32313E
- 25242F
- 181820
- 0D0D12
- 040406
- 000001
Tonos
- 6D6C82
- 6F6E82
- 717182
- 737381
- 757581
- 777781
- 7A7981
- 7C7C81
- 7E7E80
Armonías de color
Complementario +180°
- 6B6A82
Dark Prince
- 6F6F56
≈ Green Illude
Análogo -30° +30°
- 6B6A82
Dark Prince
- 5F6E83
≈ Sausalito Port
- 76677C
≈ Purple Sage
Triádico +120° +240°
- 6B6A82
Dark Prince
- 80675B
≈ Warrior
- 587468
≈ Hilltop
Complementario dividido +150° +210°
- 6B6A82
Dark Prince
- 796A55
≈ Superior Bronze
- 63725D
≈ Laurel Garland
Tetrádico +90° +180° +270°
- 6B6A82
Dark Prince
- 816565
≈ Amazing Amethyst
- 6F6F56
≈ Green Illude
- 537474
≈ Sagebrush Green
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.23:1 · APCA Lc 76
Ag
FailSobre negro
WCAG 4.00:1 · APCA Lc 26
Mejor color de texto: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Fragmentos de código
CSS
:root {
--dark-prince: #6b6a82;
--dark-prince-rgb: 107 106 130;
--dark-prince-oklch: oklch(0.534 0.037 287);
}
.element {
color: var(--dark-prince);
background-color: hsl(243 10% 46%);
border-color: oklch(0.534 0.037 287);
}Tailwind CSS v4
@theme {
--color-dark-prince: #6b6a82;
--color-dark-prince-50: #f4f4ff;
--color-dark-prince-100: #e7e6f4;
--color-dark-prince-200: #d3d2e4;
--color-dark-prince-300: #b6b5ca;
--color-dark-prince-400: #9c9cb4;
--color-dark-prince-500: #84839e;
--color-dark-prince-600: #706f86;
--color-dark-prince-700: #59596b;
--color-dark-prince-800: #41414f;
--color-dark-prince-900: #2d2d37;
--color-dark-prince-950: #1a1a22;
}SCSS
$dark-prince: #6b6a82;
$dark-prince-rgb: 107, 106, 130;
$dark-prince-light: mix(#fff, $dark-prince, 20%);
$dark-prince-dark: mix(#000, $dark-prince, 20%);
.element {
color: $dark-prince;
box-shadow: 0 0 0 2px rgba($dark-prince, 0.35);
}