Colore con nome più vicino · #606B8D
#606B8D
Colore con nome più vicino: Haunt Mist
#606B8D (rgb(96 107 141), hsl(225 19% 46%), oklch(0.532 0.055 270.5)) è più vicino al colore con nome Haunt Mist. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#606B8D
oklch(0.532 0.055 270.5)
Conversioni di colore
- HEX
- #606b8d
- RGB
- rgb(96 107 141)
- HSL
- hsl(225 19% 46%)
- HWB
- hwb(225 38% 45%)
- OKLCH
- oklch(0.532 0.055 270.5)
- OKLab
- oklab(0.532 0.001 -0.055)
- CIE Lab
- lab(45.3 2.11 -20.27)
- LCH
- lch(45.3 20.38 275.9)
- CMYK
- cmyk(32% 24% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 6F7998
- 7D87A3
- 8D95AF
- 9CA4BA
- ACB2C5
- BCC1D1
- CCD1DC
- DDE0E8
- EEEFF3
Ombre
- 525C7A
- 454E67
- 383F55
- 2C3244
- 202533
- 151823
- 0A0D14
- 030407
- 000001
Toni
- 636D8C
- 666F8B
- 69718A
- 6D7488
- 707687
- 737886
- 767A84
- 797C83
- 7D7E81
Armonie di colore
Complementare +180°
- 606B8D
Haunt Mist
- 786B47
≈ Amazon Green
Analogo -30° +30°
- 606B8D
Haunt Mist
- 4F718A
≈ Inky Blue
- 716588
≈ Posy Purple
Triadico +120° +240°
- 606B8D
Haunt Mist
- 8A6159
≈ Clove
- 55765C
≈ Green Valley
Complementare divisa +150° +210°
- 606B8D
Haunt Mist
- 84654B
≈ Obscure Ochre
- 68714D
≈ Four Seasons Oolong
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.26:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.98:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--haunt-mist: #606b8d;
--haunt-mist-rgb: 96 107 141;
--haunt-mist-oklch: oklch(0.532 0.055 270.5);
}
.element {
color: var(--haunt-mist);
background-color: hsl(225 19% 46%);
border-color: oklch(0.532 0.055 270.5);
}Tailwind CSS v4
@theme {
--color-haunt-mist: #606b8d;
--color-haunt-mist-50: #eff5ff;
--color-haunt-mist-100: #e1e7fb;
--color-haunt-mist-200: #ccd3ed;
--color-haunt-mist-300: #adb6d4;
--color-haunt-mist-400: #929dc0;
--color-haunt-mist-500: #7885ac;
--color-haunt-mist-600: #667091;
--color-haunt-mist-700: #515a74;
--color-haunt-mist-800: #3a4256;
--color-haunt-mist-900: #282d3c;
--color-haunt-mist-950: #161a26;
}SCSS
$haunt-mist: #606b8d;
$haunt-mist-rgb: 96, 107, 141;
$haunt-mist-light: mix(#fff, $haunt-mist, 20%);
$haunt-mist-dark: mix(#000, $haunt-mist, 20%);
.element {
color: $haunt-mist;
box-shadow: 0 0 0 2px rgba($haunt-mist, 0.35);
}