Nazwany kolor · #ADB1C1
Fragrant Wand
Fragrant Wand to #ADB1C1: rgb(173 177 193), hsl(228 14% 72%), oklch(0.762 0.023 274.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fragrant Wand color name →
#ADB1C1
oklch(0.762 0.023 274.6)
Konwersje koloru
- HEX
- #adb1c1
- RGB
- rgb(173 177 193)
- HSL
- hsl(228 14% 72%)
- HWB
- hwb(228 68% 24%)
- OKLCH
- oklch(0.762 0.023 274.6)
- OKLab
- oklab(0.762 0.002 -0.023)
- CIE Lab
- lab(72.26 0.92 -8.69)
- LCH
- lch(72.26 8.74 276.1)
- CMYK
- cmyk(10% 8% 0% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B5B9C7
- BDC0CD
- C5C8D3
- CDD0DA
- D5D7E0
- DDDFE6
- E6E7EC
- EEEFF2
- F7F7F9
Odcienie ciemniejsze
- 9699A7
- 7F838F
- 6A6C77
- 55575F
- 414249
- 2D2F34
- 1B1C20
- 0B0C0E
- 010102
Tony
- A8ACBA
- A4A7B4
- 9FA2AD
- 9B9DA6
- 9698A0
- 929399
- 8D8E93
- 898A8D
- 848586
Harmonie kolorów
Komplementarna +180°
- ADB1C1
Fragrant Wand
- B6B2A2
≈ Melmac Silver
Analogowa -30° +30°
- ADB1C1
Fragrant Wand
- A6B4C0
≈ Suds
- B5AEBE
≈ Wisteria Trellis
Triada +120° +240°
- ADB1C1
Fragrant Wand
- C0ADA8
≈ Perdu Pink
- A7B6AB
≈ Aquatone
Komplementarna rozszczepiona +150° +210°
- ADB1C1
Fragrant Wand
- BDAFA3
≈ Barista
- AEB5A5
≈ Stormy Day
Tetrada +90° +180° +270°
- ADB1C1
Fragrant Wand
- C0ACB0
≈ Lavender Scent
- B6B2A2
≈ Melmac Silver
- A2B7B3
≈ Holly Glen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.13:1 · APCA Lc 42
Ag
AAANa czerni
WCAG 9.83:1 · APCA Lc 60
Najlepszy kolor tekstu: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
Fragmenty kodu
CSS
:root {
--fragrant-wand: #adb1c1;
--fragrant-wand-rgb: 173 177 193;
--fragrant-wand-oklch: oklch(0.762 0.023 274.6);
}
.element {
color: var(--fragrant-wand);
background-color: hsl(228 14% 72%);
border-color: oklch(0.762 0.023 274.6);
}Tailwind CSS v4
@theme {
--color-fragrant-wand: #adb1c1;
--color-fragrant-wand-50: #f3f5fc;
--color-fragrant-wand-100: #e6e7f0;
--color-fragrant-wand-200: #d1d4de;
--color-fragrant-wand-300: #b4b7c4;
--color-fragrant-wand-400: #9a9ead;
--color-fragrant-wand-500: #818596;
--color-fragrant-wand-600: #6d717f;
--color-fragrant-wand-700: #575a66;
--color-fragrant-wand-800: #3f424b;
--color-fragrant-wand-900: #2c2e34;
--color-fragrant-wand-950: #191a1f;
}SCSS
$fragrant-wand: #adb1c1;
$fragrant-wand-rgb: 173, 177, 193;
$fragrant-wand-light: mix(#fff, $fragrant-wand, 20%);
$fragrant-wand-dark: mix(#000, $fragrant-wand, 20%);
.element {
color: $fragrant-wand;
box-shadow: 0 0 0 2px rgba($fragrant-wand, 0.35);
}