Colore con nome · #F1E3CA
Welcoming White
Welcoming White è #F1E3CA: rgb(241 227 202), hsl(38 58% 87%), oklch(0.92 0.036 82.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Welcoming White color name →
#F1E3CA
oklch(0.92 0.036 82.2)
Conversioni di colore
- HEX
- #f1e3ca
- RGB
- rgb(241 227 202)
- HSL
- hsl(38 58% 87%)
- HWB
- hwb(38 79% 5%)
- OKLCH
- oklch(0.92 0.036 82.2)
- OKLab
- oklab(0.92 0.005 0.036)
- CIE Lab
- lab(90.88 1.96 14.07)
- LCH
- lch(90.88 14.2 82.1)
- CMYK
- cmyk(0% 6% 16% 5%)
Tinte · Ombre · Toni
Tinte
- F2E6CF
- F4E9D5
- F5EBDA
- F7EEDF
- F8F1E4
- F9F4EA
- FBF7EF
- FCF9F4
- FEFCFA
Ombre
- D2C5AF
- B3A895
- 958C7C
- 797164
- 5D574D
- 433F37
- 2B2722
- 14120F
- 030302
Toni
- E5D9C2
- D9CEBB
- CEC4B3
- C2BAAC
- B7B0A4
- ACA69D
- A19D96
- 96938E
- 8B8987
Armonie di colore
Complementare +180°
- F1E3CA
Welcoming White
- D8E5FE
≈ Veiling Waterfalls
Analogo -30° +30°
- F1E3CA
Welcoming White
- FADFCF
≈ Elizabeth Rose
- E5E8CC
≈ Sunny Summit
Triadico +120° +240°
- F1E3CA
Welcoming White
- CAEDEF
≈ Princess Blue Feather
- F1DDF3
≈ Grape Taffy
Complementare divisa +150° +210°
- F1E3CA
Welcoming White
- CEEAF9
≈ Frosty Day
- E5E1FC
≈ Stoic White
Tetradico +90° +180° +270°
- F1E3CA
Welcoming White
- CDEDE2
≈ Jewel White
- D8E5FE
≈ Veiling Waterfalls
- F9DBE7
≈ Cherry Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.58:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.58:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--welcoming-white: #f1e3ca;
--welcoming-white-rgb: 241 227 202;
--welcoming-white-oklch: oklch(0.92 0.036 82.2);
}
.element {
color: var(--welcoming-white);
background-color: hsl(38 58% 87%);
border-color: oklch(0.92 0.036 82.2);
}Tailwind CSS v4
@theme {
--color-welcoming-white: #f1e3ca;
--color-welcoming-white-50: #faf5ea;
--color-welcoming-white-100: #eee7db;
--color-welcoming-white-200: #dcd3c3;
--color-welcoming-white-300: #c0b6a3;
--color-welcoming-white-400: #a99d87;
--color-welcoming-white-500: #92846b;
--color-welcoming-white-600: #7c705b;
--color-welcoming-white-700: #635a48;
--color-welcoming-white-800: #494134;
--color-welcoming-white-900: #332d24;
--color-welcoming-white-950: #1e1a12;
}SCSS
$welcoming-white: #f1e3ca;
$welcoming-white-rgb: 241, 227, 202;
$welcoming-white-light: mix(#fff, $welcoming-white, 20%);
$welcoming-white-dark: mix(#000, $welcoming-white, 20%);
.element {
color: $welcoming-white;
box-shadow: 0 0 0 2px rgba($welcoming-white, 0.35);
}