Color con nombre · #717481
Overlook
Overlook es #717481: rgb(113 116 129), hsl(229 7% 47%), oklch(0.561 0.02 275.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Overlook color name →
#717481
oklch(0.561 0.02 275.4)
Conversiones de color
- HEX
- #717481
- RGB
- rgb(113 116 129)
- HSL
- hsl(229 7% 47%)
- HWB
- hwb(229 44% 49%)
- OKLCH
- oklch(0.561 0.02 275.4)
- OKLab
- oklab(0.561 0.002 -0.02)
- CIE Lab
- lab(48.91 0.93 -7.58)
- LCH
- lch(48.91 7.64 277)
- CMYK
- cmyk(12% 10% 0% 49%)
Tintes · Sombras · Tonos
Tintes
- 7E818D
- 8C8E99
- 999CA5
- A7A9B2
- B5B7BE
- C4C5CB
- D2D3D8
- E1E2E5
- F0F0F2
Sombras
- 61646F
- 52545E
- 43454E
- 35373E
- 27292E
- 1A1B1F
- 0E0F12
- 040506
- 010101
Tonos
- 727581
- 747681
- 757881
- 777981
- 787A81
- 7A7B80
- 7B7C80
- 7D7E80
- 7E7F80
Armonías de color
Complementario +180°
- 717481
Overlook
- 787568
≈ Pepper Mill
Análogo -30° +30°
- 717481
Overlook
- 6B7680
≈ Sheffield Grey
- 77727F
≈ Pearl Blackberry
Triádico +120° +240°
- 717481
Overlook
- 80716D
≈ Kombu
- 6C7870
≈ Arctic Lichen Green
Complementario dividido +150° +210°
- 717481
Overlook
- 7D7368
≈ Aumbry
- 72776A
≈ Armoured Steel
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.64:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.51:1 · APCA Lc 29
Mejor color de texto: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--overlook: #717481;
--overlook-rgb: 113 116 129;
--overlook-oklch: oklch(0.561 0.02 275.4);
}
.element {
color: var(--overlook);
background-color: hsl(229 7% 47%);
border-color: oklch(0.561 0.02 275.4);
}Tailwind CSS v4
@theme {
--color-overlook: #717481;
--color-overlook-50: #f3f5fb;
--color-overlook-100: #e6e7ef;
--color-overlook-200: #d2d4dd;
--color-overlook-300: #b4b7c2;
--color-overlook-400: #9b9eab;
--color-overlook-500: #828594;
--color-overlook-600: #6e717d;
--color-overlook-700: #585a64;
--color-overlook-800: #40424a;
--color-overlook-900: #2c2e33;
--color-overlook-950: #191a1f;
}SCSS
$overlook: #717481;
$overlook-rgb: 113, 116, 129;
$overlook-light: mix(#fff, $overlook, 20%);
$overlook-dark: mix(#000, $overlook, 20%);
.element {
color: $overlook;
box-shadow: 0 0 0 2px rgba($overlook, 0.35);
}