Colore con nome · #F2F1D9
Hipster
Hipster è #F2F1D9: rgb(242 241 217), hsl(58 49% 90%), oklch(0.953 0.032 105). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Hipster color name →
#F2F1D9
oklch(0.953 0.032 105)
Conversioni di colore
- HEX
- #f2f1d9
- RGB
- rgb(242 241 217)
- HSL
- hsl(58 49% 90%)
- HWB
- hwb(58 85% 5%)
- OKLCH
- oklch(0.953 0.032 105)
- OKLab
- oklab(0.953 -0.008 0.031)
- CIE Lab
- lab(94.75 -2.65 11.77)
- LCH
- lch(94.75 12.06 102.7)
- CMYK
- cmyk(0% 0% 10% 5%)
Tinte · Ombre · Toni
Tinte
- F3F2DD
- F5F4E1
- F6F5E4
- F7F7E8
- F8F8EC
- FAF9F0
- FBFBF4
- FCFCF7
- FEFEFB
Ombre
- D2D2BC
- B4B3A1
- 969586
- 79796C
- 5E5D53
- 43433B
- 2B2B25
- 141411
- 030302
Toni
- E6E5D0
- DAD9C7
- CECEBE
- C3C2B4
- B7B7AC
- ACACA3
- A1A19A
- 969691
- 8B8B89
Armonie di colore
Complementare +180°
- F2F1D9
Hipster
- EDEEFF
≈ Carte Blanche
Analogo -30° +30°
- F2F1D9
Hipster
- FCEDD9
≈ Verve
- E6F5DF
≈ Weathered Mint
Triadico +120° +240°
- F2F1D9
Hipster
- DBF4FF
≈ Wizard White
- FFE8F4
≈ Fairy Dust
Complementare divisa +150° +210°
- F2F1D9
Hipster
- E5F0FF
≈ Cotton Boll
- F8E9FE
≈ Placebo Fuchsia
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.35:1 · APCA Lc 98
Miglior colore del testo: #000000
WCAG 18.35:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--hipster: #f2f1d9;
--hipster-rgb: 242 241 217;
--hipster-oklch: oklch(0.953 0.032 105);
}
.element {
color: var(--hipster);
background-color: hsl(58 49% 90%);
border-color: oklch(0.953 0.032 105);
}Tailwind CSS v4
@theme {
--color-hipster: #f2f1d9;
--color-hipster-50: #f6f6ec;
--color-hipster-100: #e9e9dd;
--color-hipster-200: #d5d5c6;
--color-hipster-300: #b9b9a7;
--color-hipster-400: #a1a08b;
--color-hipster-500: #898870;
--color-hipster-600: #74735f;
--color-hipster-700: #5d5c4c;
--color-hipster-800: #444336;
--color-hipster-900: #2f2e25;
--color-hipster-950: #1c1b14;
}SCSS
$hipster: #f2f1d9;
$hipster-rgb: 242, 241, 217;
$hipster-light: mix(#fff, $hipster, 20%);
$hipster-dark: mix(#000, $hipster, 20%);
.element {
color: $hipster;
box-shadow: 0 0 0 2px rgba($hipster, 0.35);
}