Colore con nome · #ADAAB1
Sylph
Sylph è #ADAAB1: rgb(173 170 177), hsl(266 4% 68%), oklch(0.743 0.01 305.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sylph color name →
#ADAAB1
oklch(0.743 0.01 305.4)
Conversioni di colore
- HEX
- #adaab1
- RGB
- rgb(173 170 177)
- HSL
- hsl(266 4% 68%)
- HWB
- hwb(266 67% 31%)
- OKLCH
- oklch(0.743 0.01 305.4)
- OKLab
- oklab(0.743 0.006 -0.009)
- CIE Lab
- lab(70.02 2.1 -3.21)
- LCH
- lch(70.02 3.83 303.2)
- CMYK
- cmyk(2% 4% 0% 31%)
Tinte · Ombre · Toni
Tinte
- B5B2B9
- BDBAC0
- C5C3C8
- CDCBD0
- D5D4D7
- DDDCDF
- E6E5E7
- EEEEEF
- F7F6F7
Ombre
- 969399
- 7F7D83
- 6A686C
- 555357
- 413F42
- 2D2D2F
- 1B1B1C
- 0B0B0C
- 010101
Toni
- A8A6AC
- A4A1A7
- 9F9DA2
- 9B999D
- 969598
- 929193
- 8D8C8E
- 89888A
- 848485
Armonie di colore
Complementare +180°
- ADAAB1
Sylph
- AAADA6
≈ Classic Greyscale
Analogo -30° +30°
- ADAAB1
Sylph
- A9ABB2
≈ Modern Lavender
- B0A9AE
≈ Iced Tulip
Triadico +120° +240°
- ADAAB1
Sylph
- B0AAA5
≈ City Tower
- A5AEAC
≈ Silver Screen
Complementare divisa +150° +210°
- ADAAB1
Sylph
- ADACA4
≈ City Tower
- A7AEA9
≈ Silver Screen
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.16:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--sylph: #adaab1;
--sylph-rgb: 173 170 177;
--sylph-oklch: oklch(0.743 0.01 305.4);
}
.element {
color: var(--sylph);
background-color: hsl(266 4% 68%);
border-color: oklch(0.743 0.01 305.4);
}Tailwind CSS v4
@theme {
--color-sylph: #adaab1;
--color-sylph-50: #f6f4f7;
--color-sylph-100: #e9e7eb;
--color-sylph-200: #d5d3d8;
--color-sylph-300: #b9b6bc;
--color-sylph-400: #a09da3;
--color-sylph-500: #88848c;
--color-sylph-600: #737076;
--color-sylph-700: #5c5a5f;
--color-sylph-800: #434145;
--color-sylph-900: #2e2d30;
--color-sylph-950: #1b1a1c;
}SCSS
$sylph: #adaab1;
$sylph-rgb: 173, 170, 177;
$sylph-light: mix(#fff, $sylph, 20%);
$sylph-dark: mix(#000, $sylph, 20%);
.element {
color: $sylph;
box-shadow: 0 0 0 2px rgba($sylph, 0.35);
}