Nazwany kolor · #AEADA3
Smoky White
Smoky White to #AEADA3: rgb(174 173 163), hsl(55 6% 66%), oklch(0.746 0.014 102.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Smoky White color name →
#AEADA3
oklch(0.746 0.014 102.1)
Konwersje koloru
- HEX
- #aeada3
- RGB
- rgb(174 173 163)
- HSL
- hsl(55 6% 66%)
- HWB
- hwb(55 64% 32%)
- OKLCH
- oklch(0.746 0.014 102.1)
- OKLab
- oklab(0.746 -0.003 0.014)
- CIE Lab
- lab(70.59 -0.99 5.29)
- LCH
- lch(70.59 5.38 100.6)
- CMYK
- cmyk(0% 1% 6% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6B5AC
- BEBDB5
- C6C5BE
- CECDC7
- D6D5D0
- DEDED9
- E6E6E3
- EEEEEC
- F7F7F5
Odcienie ciemniejsze
- 97968D
- 807F78
- 6A6A63
- 55554F
- 41413C
- 2E2D2A
- 1C1B19
- 0B0B0A
- 010101
Tony
- A9A89F
- A5A49C
- A09F98
- 9B9B95
- 979691
- 92928E
- 8E8D8A
- 898987
- 848483
Harmonie kolorów
Komplementarna +180°
- AEADA3
Smoky White
- ABACB6
≈ Jacaranda Light
Analogowa -30° +30°
- AEADA3
Smoky White
- B2ABA3
≈ Dreyfus
- A9AFA5
≈ Light Drizzle
Triada +120° +240°
- AEADA3
Smoky White
- A3AFB3
≈ Tempered Grey
- B3A9AF
≈ Resplendent
Komplementarna rozszczepiona +150° +210°
- AEADA3
Smoky White
- A6ADB5
≈ Northern Light Grey
- AFAAB3
≈ Endless Slumber
Tetrada +90° +180° +270°
- AEADA3
Smoky White
- A3B0AF
≈ Conch
- ABACB6
≈ Jacaranda Light
- B5A9AA
≈ Tea Blossom Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.30:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--smoky-white: #aeada3;
--smoky-white-rgb: 174 173 163;
--smoky-white-oklch: oklch(0.746 0.014 102.1);
}
.element {
color: var(--smoky-white);
background-color: hsl(55 6% 66%);
border-color: oklch(0.746 0.014 102.1);
}Tailwind CSS v4
@theme {
--color-smoky-white: #aeada3;
--color-smoky-white-50: #f6f5f1;
--color-smoky-white-100: #e8e8e3;
--color-smoky-white-200: #d5d5ce;
--color-smoky-white-300: #b8b8b0;
--color-smoky-white-400: #a09f95;
--color-smoky-white-500: #88877c;
--color-smoky-white-600: #737269;
--color-smoky-white-700: #5c5b54;
--color-smoky-white-800: #43433d;
--color-smoky-white-900: #2e2e2a;
--color-smoky-white-950: #1b1b18;
}SCSS
$smoky-white: #aeada3;
$smoky-white-rgb: 174, 173, 163;
$smoky-white-light: mix(#fff, $smoky-white, 20%);
$smoky-white-dark: mix(#000, $smoky-white, 20%);
.element {
color: $smoky-white;
box-shadow: 0 0 0 2px rgba($smoky-white, 0.35);
}