Colore con nome · #646B7A
Ashen Whisper
Ashen Whisper è #646B7A: rgb(100 107 122), hsl(221 10% 44%), oklch(0.527 0.025 265.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ashen Whisper color name →
#646B7A
oklch(0.527 0.025 265.6)
Conversioni di colore
- HEX
- #646b7a
- RGB
- rgb(100 107 122)
- HSL
- hsl(221 10% 44%)
- HWB
- hwb(221 39% 52%)
- OKLCH
- oklch(0.527 0.025 265.6)
- OKLab
- oklab(0.527 -0.002 -0.025)
- CIE Lab
- lab(45.02 -0.2 -9.34)
- LCH
- lch(45.02 9.35 268.8)
- CMYK
- cmyk(18% 12% 0% 52%)
Tinte · Ombre · Toni
Tinte
- 727987
- 818793
- 9095A0
- 9FA3AD
- AEB2BA
- BEC1C8
- CED0D5
- DEE0E3
- EEEFF1
Ombre
- 565C69
- 484E59
- 3B3F49
- 2E323A
- 22252B
- 16181D
- 0B0D10
- 030405
- 000001
Toni
- 676D7B
- 6A6F7B
- 6C717C
- 6F737D
- 72757D
- 75787E
- 777A7E
- 7A7C7F
- 7D7E7F
Armonie di colore
Complementare +180°
- 646B7A
Ashen Whisper
- 726A5B
≈ Toasted Walnut
Analogo -30° +30°
- 646B7A
Ashen Whisper
- 5E6E78
≈ NYPD
- 6C6878
≈ Deep Sea Dolphin
Triadico +120° +240°
- 646B7A
Ashen Whisper
- 796663
≈ Bold Brandy
- 626F62
≈ Seraphinite
Complementare divisa +150° +210°
- 646B7A
Ashen Whisper
- 77685D
≈ Sea Elephant
- 6A6D5D
≈ River God
Tetradico +90° +180° +270°
- 646B7A
Ashen Whisper
- 78656B
≈ Rhapsody Rap
- 726A5B
≈ Toasted Walnut
- 5C706A
≈ Rocky River
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.34:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.92:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.34:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--ashen-whisper: #646b7a;
--ashen-whisper-rgb: 100 107 122;
--ashen-whisper-oklch: oklch(0.527 0.025 265.6);
}
.element {
color: var(--ashen-whisper);
background-color: hsl(221 10% 44%);
border-color: oklch(0.527 0.025 265.6);
}Tailwind CSS v4
@theme {
--color-ashen-whisper: #646b7a;
--color-ashen-whisper-50: #f2f5fd;
--color-ashen-whisper-100: #e4e8f1;
--color-ashen-whisper-200: #cfd4df;
--color-ashen-whisper-300: #b2b7c5;
--color-ashen-whisper-400: #979eae;
--color-ashen-whisper-500: #7e8697;
--color-ashen-whisper-600: #6b7280;
--color-ashen-whisper-700: #555b66;
--color-ashen-whisper-800: #3e424b;
--color-ashen-whisper-900: #2b2e34;
--color-ashen-whisper-950: #181b20;
}SCSS
$ashen-whisper: #646b7a;
$ashen-whisper-rgb: 100, 107, 122;
$ashen-whisper-light: mix(#fff, $ashen-whisper, 20%);
$ashen-whisper-dark: mix(#000, $ashen-whisper, 20%);
.element {
color: $ashen-whisper;
box-shadow: 0 0 0 2px rgba($ashen-whisper, 0.35);
}