Nazwany kolor · #F2DBD6
Rose Vapour
Rose Vapour to #F2DBD6: rgb(242 219 214), hsl(11 52% 89%), oklch(0.909 0.026 32.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Rose Vapour color name →
#F2DBD6
oklch(0.909 0.026 32.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F3DFDA
- F5E2DE
- F6E6E2
- F7E9E6
- F9EDEA
- FAF1EE
- FBF4F3
- FDF8F7
- FEFBFB
Odcienie ciemniejsze
- D2BEBA
- B4A29E
- 968784
- 796D6A
- 5E5452
- 433C3B
- 2B2625
- 141110
- 030202
Tony
- E6D2CD
- DAC8C4
- CFBFBB
- C3B6B3
- B7ACAA
- ACA3A1
- A19A99
- 969191
- 8B8988
Harmonie kolorów
Komplementarna +180°
- F2DBD6
Rose Vapour
- CEE6EB
≈ Northwind
Analogowa -30° +30°
- F2DBD6
Rose Vapour
- F1DADF
≈ Dolce Pink
- EEDDCF
≈ Nearly Peach
Triada +120° +240°
- F2DBD6
Rose Vapour
- D5E6D8
≈ Light Green Wash
- DAE0F3
≈ Aquarelle Purple
Komplementarna rozszczepiona +150° +210°
- F2DBD6
Rose Vapour
- CFE7E2
≈ Icicle Mint
- D2E4F1
≈ New Heights
Tetrada +90° +180° +270°
- F2DBD6
Rose Vapour
- DEE4D1
≈ Mystical Sea
- CEE6EB
≈ Northwind
- E4DDF0
≈ Lingering Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.87:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.87:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}