Colore con nome · #768083
Peak Point
Peak Point è #768083: rgb(118 128 131), hsl(194 5% 49%), oklch(0.593 0.013 217.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Peak Point color name →
#768083
oklch(0.593 0.013 217.6)
Conversioni di colore
- HEX
- #768083
- RGB
- rgb(118 128 131)
- HSL
- hsl(194 5% 49%)
- HWB
- hwb(194 46% 49%)
- OKLCH
- oklch(0.593 0.013 217.6)
- OKLab
- oklab(0.593 -0.01 -0.008)
- CIE Lab
- lab(52.82 -3.35 -2.97)
- LCH
- lch(52.82 4.48 221.5)
- CMYK
- cmyk(10% 2% 0% 49%)
Tinte · Ombre · Toni
Tinte
- 838C8F
- 90989B
- 9DA4A7
- ABB1B3
- B8BEBF
- C6CACC
- D4D7D8
- E2E4E5
- F1F2F2
Ombre
- 666E71
- 565D60
- 474D4F
- 383D3F
- 292E2F
- 1C1F20
- 0F1212
- 050606
- 010101
Toni
- 778083
- 788082
- 798082
- 7A8082
- 7B8082
- 7C8081
- 7D8081
- 7E8081
- 7F8080
Armonie di colore
Complementare +180°
- 768083
Peak Point
- 857C79
≈ Eastlake Lavender
Analogo -30° +30°
- 768083
Peak Point
- 76817F
≈ Adrift at Sea
- 787F85
≈ Downing Slate
Triadico +120° +240°
- 768083
Peak Point
- 837B81
≈ Magic Dust
- 807E76
≈ Fieldstone
Complementare divisa +150° +210°
- 768083
Peak Point
- 857B7C
≈ Sensuous Grey
- 837D76
≈ Chain Link
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.04:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.18:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.18:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--peak-point: #768083;
--peak-point-rgb: 118 128 131;
--peak-point-oklch: oklch(0.593 0.013 217.6);
}
.element {
color: var(--peak-point);
background-color: hsl(194 5% 49%);
border-color: oklch(0.593 0.013 217.6);
}Tailwind CSS v4
@theme {
--color-peak-point: #768083;
--color-peak-point-50: #f1f6f8;
--color-peak-point-100: #e3e9eb;
--color-peak-point-200: #cfd6d8;
--color-peak-point-300: #b1b9bc;
--color-peak-point-400: #97a0a3;
--color-peak-point-500: #7d888c;
--color-peak-point-600: #6a7376;
--color-peak-point-700: #555c5f;
--color-peak-point-800: #3e4445;
--color-peak-point-900: #2a2f30;
--color-peak-point-950: #181b1c;
}SCSS
$peak-point: #768083;
$peak-point-rgb: 118, 128, 131;
$peak-point-light: mix(#fff, $peak-point, 20%);
$peak-point-dark: mix(#000, $peak-point, 20%);
.element {
color: $peak-point;
box-shadow: 0 0 0 2px rgba($peak-point, 0.35);
}