Nazwany kolor · #AAB7C1
Calming Space
Calming Space to #AAB7C1: rgb(170 183 193), hsl(206 16% 71%), oklch(0.772 0.02 240.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Calming Space color name →
#AAB7C1
oklch(0.772 0.02 240.8)
Konwersje koloru
- HEX
- #aab7c1
- RGB
- rgb(170 183 193)
- HSL
- hsl(206 16% 71%)
- HWB
- hwb(206 67% 24%)
- OKLCH
- oklch(0.772 0.02 240.8)
- OKLab
- oklab(0.772 -0.01 -0.018)
- CIE Lab
- lab(73.63 -3.15 -6.72)
- LCH
- lch(73.63 7.42 244.9)
- CMYK
- cmyk(12% 5% 0% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B2BEC7
- BBC5CD
- C3CCD3
- CBD3D9
- D4DAE0
- DCE2E6
- E5E9EC
- EEF0F2
- F6F8F9
Odcienie ciemniejsze
- 939FA7
- 7D878F
- 687077
- 535A5F
- 3F4549
- 2D3134
- 1B1E20
- 0B0C0E
- 010202
Tony
- A6B1BA
- A1ACB4
- 9DA6AD
- 99A1A6
- 959BA0
- 919699
- 8C9093
- 888B8D
- 848586
Harmonie kolorów
Komplementarna +180°
- AAB7C1
Calming Space
- BFB2A8
≈ Hipster Hippo
Analogowa -30° +30°
- AAB7C1
Calming Space
- A7B9BC
≈ Lagoon Reflection
- B0B5C2
≈ Glistening Grey
Triada +120° +240°
- AAB7C1
Calming Space
- C1B0B4
≈ Black Shadows
- B3B7A9
≈ Dewkissed Rain
Komplementarna rozszczepiona +150° +210°
- AAB7C1
Calming Space
- C2B1AD
≈ Artistic Taupe
- BAB5A7
≈ Pewter Patter
Tetrada +90° +180° +270°
- AAB7C1
Calming Space
- BDB1BB
≈ Velvet Dawn
- BFB2A8
≈ Hipster Hippo
- ACB9AE
≈ Quiet Teal
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.04:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.25:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.25:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--calming-space: #aab7c1;
--calming-space-rgb: 170 183 193;
--calming-space-oklch: oklch(0.772 0.02 240.8);
}
.element {
color: var(--calming-space);
background-color: hsl(206 16% 71%);
border-color: oklch(0.772 0.02 240.8);
}Tailwind CSS v4
@theme {
--color-calming-space: #aab7c1;
--color-calming-space-50: #f0f6fb;
--color-calming-space-100: #e2e9ee;
--color-calming-space-200: #cdd5dc;
--color-calming-space-300: #afb9c1;
--color-calming-space-400: #94a0aa;
--color-calming-space-500: #7b8893;
--color-calming-space-600: #68737c;
--color-calming-space-700: #535c63;
--color-calming-space-800: #3c4449;
--color-calming-space-900: #292f32;
--color-calming-space-950: #171b1e;
}SCSS
$calming-space: #aab7c1;
$calming-space-rgb: 170, 183, 193;
$calming-space-light: mix(#fff, $calming-space, 20%);
$calming-space-dark: mix(#000, $calming-space, 20%);
.element {
color: $calming-space;
box-shadow: 0 0 0 2px rgba($calming-space, 0.35);
}