Cor nomeada mais próxima · #747380
#747380
Cor nomeada mais próxima: Cement Feet
#747380 (rgb(116 115 128), hsl(245 5% 48%), oklch(0.561 0.02 289.3)) é mais próxima da cor nomeada Cement Feet. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#747380
oklch(0.561 0.02 289.3)
Conversões de cor
- HEX
- #747380
- RGB
- rgb(116 115 128)
- HSL
- hsl(245 5% 48%)
- HWB
- hwb(245 45% 50%)
- OKLCH
- oklch(0.561 0.02 289.3)
- OKLab
- oklab(0.561 0.007 -0.019)
- CIE Lab
- lab(48.87 2.45 -7.03)
- LCH
- lch(48.87 7.44 289.2)
- CMYK
- cmyk(9% 10% 0% 50%)
Tons claros · Sombras · Tons
Tons claros
- 81808C
- 8E8D98
- 9C9BA4
- A9A9B1
- B7B7BE
- C5C5CA
- D3D3D7
- E2E1E4
- F0F0F2
Sombras
- 64636E
- 54545D
- 45454D
- 37363D
- 29282E
- 1B1B1F
- 0F0F12
- 050506
- 010101
Tons
- 757480
- 767680
- 787780
- 797880
- 7A7980
- 7B7B80
- 7C7C80
- 7E7D80
- 7F7F80
Harmonias de cor
Complementar +180°
- 747380
Cement Feet
- 757669
≈ Armoured Steel
Análoga -30° +30°
- 747380
Cement Feet
- 6E7581
≈ Overlook
- 7A717C
≈ Plum Shadow
Tríade +120° +240°
- 747380
Cement Feet
- 7F726B
≈ Flipper
- 6A7973
≈ Victorian Tapestry
Complementar dividida +150° +210°
- 747380
Cement Feet
- 7B7468
≈ Aumbry
- 6F786D
≈ Silver Maple Green
Tétrade +90° +180° +270°
- 747380
Cement Feet
- 807070
≈ Noble Robe
- 757669
≈ Armoured Steel
- 687879
≈ North Grey
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.65:1 · APCA Lc 72
Ag
AASobre preto
WCAG 4.50:1 · APCA Lc 29
Melhor cor de texto: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--cement-feet: #747380;
--cement-feet-rgb: 116 115 128;
--cement-feet-oklch: oklch(0.561 0.02 289.3);
}
.element {
color: var(--cement-feet);
background-color: hsl(245 5% 48%);
border-color: oklch(0.561 0.02 289.3);
}Tailwind CSS v4
@theme {
--color-cement-feet: #747380;
--color-cement-feet-50: #f5f4fb;
--color-cement-feet-100: #e8e7ee;
--color-cement-feet-200: #d4d3dc;
--color-cement-feet-300: #b7b6c1;
--color-cement-feet-400: #9e9daa;
--color-cement-feet-500: #858493;
--color-cement-feet-600: #71707c;
--color-cement-feet-700: #5a5963;
--color-cement-feet-800: #424149;
--color-cement-feet-900: #2d2d33;
--color-cement-feet-950: #1a1a1e;
}SCSS
$cement-feet: #747380;
$cement-feet-rgb: 116, 115, 128;
$cement-feet-light: mix(#fff, $cement-feet, 20%);
$cement-feet-dark: mix(#000, $cement-feet, 20%);
.element {
color: $cement-feet;
box-shadow: 0 0 0 2px rgba($cement-feet, 0.35);
}