Benannte Farbe · #ADAF9C
Still
Still ist #ADAF9C: rgb(173 175 156), hsl(66 11% 65%), oklch(0.747 0.027 111.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Still color name →
#ADAF9C
oklch(0.747 0.027 111.9)
Farbumrechnungen
- HEX
- #adaf9c
- RGB
- rgb(173 175 156)
- HSL
- hsl(66 11% 65%)
- HWB
- hwb(66 61% 31%)
- OKLCH
- oklch(0.747 0.027 111.9)
- OKLab
- oklab(0.747 -0.01 0.025)
- CIE Lab
- lab(70.9 -3.27 9.53)
- LCH
- lch(70.9 10.08 109)
- CMYK
- cmyk(1% 0% 11% 31%)
Tints · Shades · Tones
Tints
- B5B7A6
- BDBFAF
- C5C6B9
- CDCEC3
- D5D6CD
- DDDED6
- E6E6E0
- EEEFEB
- F7F7F5
Shades
- 969887
- 7F8173
- 6A6B5F
- 55564C
- 414139
- 2D2E28
- 1B1C18
- 0B0B09
- 010101
Tones
- A8AA99
- A4A596
- 9FA194
- 9B9C91
- 96978E
- 92938B
- 8D8E88
- 898986
- 848583
Farbharmonien
Komplementär +180°
- ADAF9C
Still
- ADAABD
≈ Cream Violet
Analog -30° +30°
- ADAF9C
Still
- B6AC9A
≈ Langdon Dove
- A4B2A2
≈ Montezuma Hills
Triadisch +120° +240°
- ADAF9C
Still
- 9DB0BB
≈ In the Blue
- BBA6AF
≈ Cold Pink
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.23:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.38:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.38:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--still: #adaf9c;
--still-rgb: 173 175 156;
--still-oklch: oklch(0.747 0.027 111.9);
}
.element {
color: var(--still);
background-color: hsl(66 11% 65%);
border-color: oklch(0.747 0.027 111.9);
}Tailwind CSS v4
@theme {
--color-still: #adaf9c;
--color-still-50: #f5f6ee;
--color-still-100: #e7e9df;
--color-still-200: #d4d6c9;
--color-still-300: #b7b9aa;
--color-still-400: #9ea08e;
--color-still-500: #868874;
--color-still-600: #727362;
--color-still-700: #5b5c4f;
--color-still-800: #434339;
--color-still-900: #2e2e27;
--color-still-950: #1b1b15;
}SCSS
$still: #adaf9c;
$still-rgb: 173, 175, 156;
$still-light: mix(#fff, $still, 20%);
$still-dark: mix(#000, $still, 20%);
.element {
color: $still;
box-shadow: 0 0 0 2px rgba($still, 0.35);
}