Colore con nome più vicino · #6E7881
#6E7881
Colore con nome più vicino: Nocturnal
#6E7881 (rgb(110 120 129), hsl(208 8% 47%), oklch(0.567 0.018 245.3)) è più vicino al colore con nome Nocturnal. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#6E7881
oklch(0.567 0.018 245.3)
Conversioni di colore
- HEX
- #6e7881
- RGB
- rgb(110 120 129)
- HSL
- hsl(208 8% 47%)
- HWB
- hwb(208 43% 49%)
- OKLCH
- oklch(0.567 0.018 245.3)
- OKLab
- oklab(0.567 -0.008 -0.017)
- CIE Lab
- lab(49.82 -2.37 -6.29)
- LCH
- lch(49.82 6.72 249.3)
- CMYK
- cmyk(15% 7% 0% 49%)
Tinte · Ombre · Toni
Tinte
- 7B858D
- 899199
- 979FA5
- A5ACB2
- B4B9BE
- C2C7CB
- D1D5D8
- E0E3E5
- F0F1F2
Ombre
- 5F676F
- 50575E
- 41484E
- 33393E
- 262A2E
- 191D1F
- 0E1012
- 040506
- 010101
Toni
- 707981
- 727A81
- 737A81
- 757B81
- 777C81
- 797D80
- 7B7E80
- 7C7E80
- 7E7F80
Armonie di colore
Complementare +180°
- 6E7881
Nocturnal
- 7E756C
≈ Bearsuit
Analogo -30° +30°
- 6E7881
Nocturnal
- 6B7A7D
≈ Winter Could Grey
- 737682
≈ Purple Funk
Triadico +120° +240°
- 6E7881
Nocturnal
- 817275
≈ Pumice Grey
- 74796D
≈ In the Woods
Complementare divisa +150° +210°
- 6E7881
Nocturnal
- 81736F
≈ Nomad Grey
- 7A776B
≈ Slippery Shale
Tetradico +90° +180° +270°
- 6E7881
Nocturnal
- 7E737B
≈ Plush Velvet
- 7E756C
≈ Bearsuit
- 6E7A72
≈ Boxwood
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--nocturnal: #6e7881;
--nocturnal-rgb: 110 120 129;
--nocturnal-oklch: oklch(0.567 0.018 245.3);
}
.element {
color: var(--nocturnal);
background-color: hsl(208 8% 47%);
border-color: oklch(0.567 0.018 245.3);
}Tailwind CSS v4
@theme {
--color-nocturnal: #6e7881;
--color-nocturnal-50: #f1f6fa;
--color-nocturnal-100: #e3e9ee;
--color-nocturnal-200: #ced5dc;
--color-nocturnal-300: #b0b8c0;
--color-nocturnal-400: #96a0a9;
--color-nocturnal-500: #7c8892;
--color-nocturnal-600: #69737b;
--color-nocturnal-700: #545c63;
--color-nocturnal-800: #3d4348;
--color-nocturnal-900: #2a2e32;
--color-nocturnal-950: #181b1e;
}SCSS
$nocturnal: #6e7881;
$nocturnal-rgb: 110, 120, 129;
$nocturnal-light: mix(#fff, $nocturnal, 20%);
$nocturnal-dark: mix(#000, $nocturnal, 20%);
.element {
color: $nocturnal;
box-shadow: 0 0 0 2px rgba($nocturnal, 0.35);
}