Colore con nome · #F8F6DA
Portal Entrance
Portal Entrance è #F8F6DA: rgb(248 246 218), hsl(56 68% 91%), oklch(0.967 0.037 103.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Portal Entrance color name →
#F8F6DA
oklch(0.967 0.037 103.7)
Conversioni di colore
- HEX
- #f8f6da
- RGB
- rgb(248 246 218)
- HSL
- hsl(56 68% 91%)
- HWB
- hwb(56 85% 3%)
- OKLCH
- oklch(0.967 0.037 103.7)
- OKLab
- oklab(0.967 -0.009 0.036)
- CIE Lab
- lab(96.49 -2.75 13.79)
- LCH
- lch(96.49 14.06 101.3)
- CMYK
- cmyk(0% 1% 12% 3%)
Tinte · Ombre · Toni
Tinte
- F9F7DE
- F9F8E1
- FAF9E5
- FBFAE9
- FBFBED
- FCFBF0
- FDFCF4
- FEFDF8
- FEFEFB
Ombre
- D8D6BD
- B8B7A2
- 9A9887
- 7C7B6C
- 605F54
- 45453C
- 2C2C25
- 151511
- 030302
Toni
- EBEAD1
- DFDDC7
- D2D1BE
- C6C5B5
- BAB9AC
- AEAEA3
- A2A29A
- 979691
- 8B8B89
Armonie di colore
Complementare +180°
- F8F6DA
Portal Entrance
- F2F3FF
≈ Cloud Break
Analogo -30° +30°
- F8F6DA
Portal Entrance
- FFF2E2
≈ Doeskin
- EBFAE1
≈ Panache
Triadico +120° +240°
- F8F6DA
Portal Entrance
- E6F8FF
≈ Clear Skies
- FFEFF8
≈ Pinkish White
Complementare divisa +150° +210°
- F8F6DA
Portal Entrance
- EDF5FF
≈ Placebo Blue
- FAF0FF
≈ Cloud Break
Tetradico +90° +180° +270°
- F8F6DA
Portal Entrance
- D9FDFB
≈ Salt Mountain
- F2F3FF
≈ Cloud Break
- FFF0F1
≈ Sefid White
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.09:1 · APCA Lc 0
Ag
AAASu nero
WCAG 19.18:1 · APCA Lc 101
Miglior colore del testo: #000000
WCAG 19.18:1 (AAA) · APCA Lc 101
Contrast pairs
Frammenti di codice
CSS
:root {
--portal-entrance: #f8f6da;
--portal-entrance-rgb: 248 246 218;
--portal-entrance-oklch: oklch(0.967 0.037 103.7);
}
.element {
color: var(--portal-entrance);
background-color: hsl(56 68% 91%);
border-color: oklch(0.967 0.037 103.7);
}Tailwind CSS v4
@theme {
--color-portal-entrance: #f8f6da;
--color-portal-entrance-50: #f6f6ea;
--color-portal-entrance-100: #e9e9db;
--color-portal-entrance-200: #d6d5c4;
--color-portal-entrance-300: #b9b9a4;
--color-portal-entrance-400: #a2a087;
--color-portal-entrance-500: #8a886c;
--color-portal-entrance-600: #75735b;
--color-portal-entrance-700: #5d5c49;
--color-portal-entrance-800: #454334;
--color-portal-entrance-900: #302e24;
--color-portal-entrance-950: #1c1b13;
}SCSS
$portal-entrance: #f8f6da;
$portal-entrance-rgb: 248, 246, 218;
$portal-entrance-light: mix(#fff, $portal-entrance, 20%);
$portal-entrance-dark: mix(#000, $portal-entrance, 20%);
.element {
color: $portal-entrance;
box-shadow: 0 0 0 2px rgba($portal-entrance, 0.35);
}