Cor nomeada mais próxima · #766681
#766681
Cor nomeada mais próxima: Bureaucracy
#766681 (rgb(118 102 129), hsl(276 12% 45%), oklch(0.535 0.046 311.4)) é mais próxima da cor nomeada Bureaucracy. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#766681
oklch(0.535 0.046 311.4)
Conversões de cor
- HEX
- #766681
- RGB
- rgb(118 102 129)
- HSL
- hsl(276 12% 45%)
- HWB
- hwb(276 40% 49%)
- OKLCH
- oklch(0.535 0.046 311.4)
- OKLab
- oklab(0.535 0.03 -0.034)
- CIE Lab
- lab(45.48 10.66 -12.63)
- LCH
- lch(45.48 16.53 310.2)
- CMYK
- cmyk(9% 21% 0% 49%)
Tons claros · Sombras · Tons
Tons claros
- 83748D
- 908399
- 9D91A5
- ABA0B2
- B8B0BE
- C6BFCB
- D4CFD8
- E2DFE5
- F1EFF2
Sombras
- 66586F
- 564A5E
- 473C4E
- 382F3E
- 29232E
- 1C171F
- 0F0C12
- 050406
- 010001
Tons
- 776981
- 786B81
- 796E81
- 7A7081
- 7B7381
- 7C7681
- 7D7881
- 7E7B80
- 7F7D80
Harmonias de cor
Complementar +180°
- 766681
Bureaucracy
- 647357
≈ French Tarragon
Análoga -30° +30°
- 766681
Bureaucracy
- 686A88
≈ Luscious Lavender
- 806375
≈ Cabal
Tríade +120° +240°
- 766681
Bureaucracy
- 7E6950
≈ Mayan Ruins
- 4D7674
≈ Cool Waters
Complementar dividida +150° +210°
- 766681
Bureaucracy
- 736E50
≈ Burnt Olive
- 567665
≈ Mt Burleigh
Tétrade +90° +180° +270°
- 766681
Bureaucracy
- 856559
≈ Chivalrous Walrus
- 647357
≈ French Tarragon
- 4F7480
≈ Hydro
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.26:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.98:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--bureaucracy: #766681;
--bureaucracy-rgb: 118 102 129;
--bureaucracy-oklch: oklch(0.535 0.046 311.4);
}
.element {
color: var(--bureaucracy);
background-color: hsl(276 12% 45%);
border-color: oklch(0.535 0.046 311.4);
}Tailwind CSS v4
@theme {
--color-bureaucracy: #766681;
--color-bureaucracy-50: #faf2ff;
--color-bureaucracy-100: #ede4f3;
--color-bureaucracy-200: #dbcfe2;
--color-bureaucracy-300: #c0b1c8;
--color-bureaucracy-400: #a797b3;
--color-bureaucracy-500: #907e9d;
--color-bureaucracy-600: #7a6b84;
--color-bureaucracy-700: #62556a;
--color-bureaucracy-800: #473e4f;
--color-bureaucracy-900: #312b37;
--color-bureaucracy-950: #1d1821;
}SCSS
$bureaucracy: #766681;
$bureaucracy-rgb: 118, 102, 129;
$bureaucracy-light: mix(#fff, $bureaucracy, 20%);
$bureaucracy-dark: mix(#000, $bureaucracy, 20%);
.element {
color: $bureaucracy;
box-shadow: 0 0 0 2px rgba($bureaucracy, 0.35);
}