Nazwany kolor · #FAF6E9
Sleek White
Sleek White to #FAF6E9: rgb(250 246 233), hsl(46 63% 95%), oklch(0.973 0.018 92.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Sleek White color name →
#FAF6E9
oklch(0.973 0.018 92.7)
Konwersje koloru
- HEX
- #faf6e9
- RGB
- rgb(250 246 233)
- HSL
- hsl(46 63% 95%)
- HWB
- hwb(46 91% 2%)
- OKLCH
- oklch(0.973 0.018 92.7)
- OKLab
- oklab(0.973 -0.001 0.018)
- CIE Lab
- lab(96.93 -0.26 6.77)
- LCH
- lch(96.93 6.78 92.2)
- CMYK
- cmyk(0% 2% 7% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FAF7EB
- FBF8ED
- FBF9F0
- FCFAF2
- FCFBF4
- FDFBF6
- FDFCF8
- FEFDFB
- FEFEFD
Odcienie ciemniejsze
- D9D6CB
- BAB7AD
- 9B9890
- 7D7B74
- 615F5A
- 464541
- 2D2C29
- 151513
- 030303
Tony
- EDEADE
- E0DDD3
- D4D1C8
- C7C5BE
- BBB9B3
- AFADA9
- A3A29E
- 979694
- 8B8B8A
Harmonie kolorów
Komplementarna +180°
- FAF6E9
Sleek White
- F3F6FF
≈ Mā White
Analogowa -30° +30°
- FAF6E9
Sleek White
- FFF4EA
≈ Ambrosia Ivory
- F4F8EB
≈ Unwind
Triada +120° +240°
- FAF6E9
Sleek White
- E9F9FD
≈ Clear Skies
- FEF2FB
≈ Pinkish White
Komplementarna rozszczepiona +150° +210°
- FAF6E9
Sleek White
- EEF7FF
≈ Alice Blue
- F8F4FF
≈ Sugar Crystal
Tetrada +90° +180° +270°
- FAF6E9
Sleek White
- EAFAF7
≈ Melting Glacier
- F3F6FF
≈ Mā White
- FFF2F5
≈ Glimpse of Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.08:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.42:1 · APCA Lc 102
Najlepszy kolor tekstu: #000000
WCAG 19.42:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
CSS
:root {
--sleek-white: #faf6e9;
--sleek-white-rgb: 250 246 233;
--sleek-white-oklch: oklch(0.973 0.018 92.7);
}
.element {
color: var(--sleek-white);
background-color: hsl(46 63% 95%);
border-color: oklch(0.973 0.018 92.7);
}Tailwind CSS v4
@theme {
--color-sleek-white: #faf6e9;
--color-sleek-white-50: #f7f5f0;
--color-sleek-white-100: #eae8e1;
--color-sleek-white-200: #d6d4cc;
--color-sleek-white-300: #bab7ad;
--color-sleek-white-400: #a29e93;
--color-sleek-white-500: #8a8679;
--color-sleek-white-600: #757167;
--color-sleek-white-700: #5d5b52;
--color-sleek-white-800: #45423c;
--color-sleek-white-900: #2f2e29;
--color-sleek-white-950: #1c1a17;
}SCSS
$sleek-white: #faf6e9;
$sleek-white-rgb: 250, 246, 233;
$sleek-white-light: mix(#fff, $sleek-white, 20%);
$sleek-white-dark: mix(#000, $sleek-white, 20%);
.element {
color: $sleek-white;
box-shadow: 0 0 0 2px rgba($sleek-white, 0.35);
}