Colore con nome · #F2DBD6
Rose Vapour
Rose Vapour è #F2DBD6: rgb(242 219 214), hsl(11 52% 89%), oklch(0.909 0.026 32.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Rose Vapour color name →
#F2DBD6
oklch(0.909 0.026 32.2)
Conversioni di colore
- HEX
- #f2dbd6
- RGB
- rgb(242 219 214)
- HSL
- hsl(11 52% 89%)
- HWB
- hwb(11 84% 5%)
- OKLCH
- oklch(0.909 0.026 32.2)
- OKLab
- oklab(0.909 0.022 0.014)
- CIE Lab
- lab(89.21 7.59 5.5)
- LCH
- lch(89.21 9.37 35.9)
- CMYK
- cmyk(0% 10% 12% 5%)
Tinte · Ombre · Toni
Tinte
- F3DFDA
- F5E2DE
- F6E6E2
- F7E9E6
- F9EDEA
- FAF1EE
- FBF4F3
- FDF8F7
- FEFBFB
Ombre
- D2BEBA
- B4A29E
- 968784
- 796D6A
- 5E5452
- 433C3B
- 2B2625
- 141110
- 030202
Toni
- E6D2CD
- DAC8C4
- CFBFBB
- C3B6B3
- B7ACAA
- ACA3A1
- A19A99
- 969191
- 8B8988
Armonie di colore
Complementare +180°
- F2DBD6
Rose Vapour
- CEE6EB
≈ Northwind
Analogo -30° +30°
- F2DBD6
Rose Vapour
- F1DADF
≈ Dolce Pink
- EEDDCF
≈ Nearly Peach
Triadico +120° +240°
- F2DBD6
Rose Vapour
- D5E6D8
≈ Light Green Wash
- DAE0F3
≈ Aquarelle Purple
Complementare divisa +150° +210°
- F2DBD6
Rose Vapour
- CFE7E2
≈ Icicle Mint
- D2E4F1
≈ New Heights
Tetradico +90° +180° +270°
- F2DBD6
Rose Vapour
- DEE4D1
≈ Mystical Sea
- CEE6EB
≈ Northwind
- E4DDF0
≈ Lingering Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.87:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.87:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--rose-vapour: #f2dbd6;
--rose-vapour-rgb: 242 219 214;
--rose-vapour-oklch: oklch(0.909 0.026 32.2);
}
.element {
color: var(--rose-vapour);
background-color: hsl(11 52% 89%);
border-color: oklch(0.909 0.026 32.2);
}Tailwind CSS v4
@theme {
--color-rose-vapour: #f2dbd6;
--color-rose-vapour-50: #fdf3f0;
--color-rose-vapour-100: #f0e5e2;
--color-rose-vapour-200: #dfd0cd;
--color-rose-vapour-300: #c4b3af;
--color-rose-vapour-400: #ae9995;
--color-rose-vapour-500: #97807b;
--color-rose-vapour-600: #806d68;
--color-rose-vapour-700: #665753;
--color-rose-vapour-800: #4b3f3d;
--color-rose-vapour-900: #342b2a;
--color-rose-vapour-950: #201917;
}SCSS
$rose-vapour: #f2dbd6;
$rose-vapour-rgb: 242, 219, 214;
$rose-vapour-light: mix(#fff, $rose-vapour, 20%);
$rose-vapour-dark: mix(#000, $rose-vapour, 20%);
.element {
color: $rose-vapour;
box-shadow: 0 0 0 2px rgba($rose-vapour, 0.35);
}