Najbliższy nazwany kolor · #FAF2EC
#FAF2EC
Najbliższy nazwany kolor: Silver Bird
#FAF2EC (rgb(250 242 236), hsl(26 58% 95%), oklch(0.966 0.012 59.6)) jest najbliższy nazwanemu kolorowi Silver Bird. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FAF2EC
oklch(0.966 0.012 59.6)
Konwersje koloru
- HEX
- #faf2ec
- RGB
- rgb(250 242 236)
- HSL
- hsl(26 58% 95%)
- HWB
- hwb(26 93% 2%)
- OKLCH
- oklch(0.966 0.012 59.6)
- OKLab
- oklab(0.966 0.006 0.01)
- CIE Lab
- lab(96 2.02 3.91)
- LCH
- lch(96 4.4 62.7)
- CMYK
- cmyk(0% 3% 6% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBF3EE
- FBF5F0
- FCF6F2
- FCF7F4
- FDF8F5
- FDFAF7
- FEFBF9
- FEFCFB
- FFFEFD
Odcienie ciemniejsze
- D9D2CD
- BAB4AF
- 9B9692
- 7D7976
- 615E5B
- 464342
- 2D2B29
- 151413
- 030303
Tony
- EDE6E1
- E0DAD5
- D4CECA
- C7C3BF
- BBB7B5
- AFACAA
- A3A19F
- 979695
- 8B8B8A
Harmonie kolorów
Komplementarna +180°
- FAF2EC
Silver Bird
- EDF5FB
≈ Placebo Blue
Analogowa -30° +30°
- FAF2EC
Silver Bird
- FCF1EF
≈ Ivory Tower
- F7F3EB
≈ Decorator White
Triada +120° +240°
- FAF2EC
Silver Bird
- ECF6F4
≈ Aijiro White
- F5F2FB
≈ Cloud Break
Komplementarna rozszczepiona +150° +210°
- FAF2EC
Silver Bird
- EBF6F8
≈ Indigo White
- F0F4FC
≈ Boysenberry Shadow
Tetrada +90° +180° +270°
- FAF2EC
Silver Bird
- EEF6EF
≈ Heavy Sugar
- EDF5FB
≈ Placebo Blue
- F8F1F8
≈ Grim White
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.10:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 18.97:1 · APCA Lc 100
Najlepszy kolor tekstu: #000000
WCAG 18.97:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmenty kodu
CSS
:root {
--silver-bird: #faf2ec;
--silver-bird-rgb: 250 242 236;
--silver-bird-oklch: oklch(0.966 0.012 59.6);
}
.element {
color: var(--silver-bird);
background-color: hsl(26 58% 95%);
border-color: oklch(0.966 0.012 59.6);
}Tailwind CSS v4
@theme {
--color-silver-bird: #faf2ec;
--color-silver-bird-50: #f8f4f2;
--color-silver-bird-100: #ebe7e4;
--color-silver-bird-200: #d8d3cf;
--color-silver-bird-300: #bcb6b1;
--color-silver-bird-400: #a49d98;
--color-silver-bird-500: #8c847f;
--color-silver-bird-600: #77706b;
--color-silver-bird-700: #5f5a56;
--color-silver-bird-800: #46413e;
--color-silver-bird-900: #302d2b;
--color-silver-bird-950: #1c1a18;
}SCSS
$silver-bird: #faf2ec;
$silver-bird-rgb: 250, 242, 236;
$silver-bird-light: mix(#fff, $silver-bird, 20%);
$silver-bird-dark: mix(#000, $silver-bird, 20%);
.element {
color: $silver-bird;
box-shadow: 0 0 0 2px rgba($silver-bird, 0.35);
}