Nazwany kolor · #FCD5CB
Romantic Morn
Romantic Morn to #FCD5CB: rgb(252 213 203), hsl(12 89% 89%), oklch(0.903 0.046 34.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Romantic Morn color name →
#FCD5CB
oklch(0.903 0.046 34.7)
Konwersje koloru
- HEX
- #fcd5cb
- RGB
- rgb(252 213 203)
- HSL
- hsl(12 89% 89%)
- HWB
- hwb(12 80% 1%)
- OKLCH
- oklch(0.903 0.046 34.7)
- OKLab
- oklab(0.903 0.038 0.026)
- CIE Lab
- lab(88.44 12.94 10.3)
- LCH
- lch(88.44 16.54 38.5)
- CMYK
- cmyk(0% 15% 19% 1%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCD9D0
- FDDDD5
- FDE2DA
- FEE6E0
- FEEAE5
- FEEEEA
- FFF2EF
- FFF7F5
- FFFBFA
Odcienie ciemniejsze
- DBB9B0
- BB9E96
- 9C837D
- 7E6A65
- 62514D
- 473A37
- 2D2422
- 16100F
- 030202
Tony
- EFCCC3
- E2C3BC
- D6BBB4
- C9B2AC
- BCAAA5
- B0A19D
- A49996
- 98908F
- 8C8887
Harmonie kolorów
Komplementarna +180°
- FCD5CB
Romantic Morn
- BDE8F2
≈ First of July
Analogowa -30° +30°
- FCD5CB
Romantic Morn
- FBD3DB
≈ Pink Fluorite
- F5DAC0
≈ Pumpkin Essence
Triada +120° +240°
- FCD5CB
Romantic Morn
- C8E9D2
≈ Glacial Water Green
- D6DDFF
≈ Transparent Blue
Komplementarna rozszczepiona +150° +210°
- FCD5CB
Romantic Morn
- BEEAE3
≈ Pool Party
- C6E3FC
≈ Fresh Water
Tetrada +90° +180° +270°
- FCD5CB
Romantic Morn
- D8E5C4
≈ Tactile
- BDE8F2
≈ First of July
- E6D8F8
≈ Pouty Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.51:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--romantic-morn: #fcd5cb;
--romantic-morn-rgb: 252 213 203;
--romantic-morn-oklch: oklch(0.903 0.046 34.7);
}
.element {
color: var(--romantic-morn);
background-color: hsl(12 89% 89%);
border-color: oklch(0.903 0.046 34.7);
}Tailwind CSS v4
@theme {
--color-romantic-morn: #fcd5cb;
--color-romantic-morn-50: #fff1ec;
--color-romantic-morn-100: #f7e3dd;
--color-romantic-morn-200: #e7cec7;
--color-romantic-morn-300: #ceb0a7;
--color-romantic-morn-400: #b8958c;
--color-romantic-morn-500: #a27c72;
--color-romantic-morn-600: #896961;
--color-romantic-morn-700: #6e544d;
--color-romantic-morn-800: #513d38;
--color-romantic-morn-900: #392a26;
--color-romantic-morn-950: #231715;
}SCSS
$romantic-morn: #fcd5cb;
$romantic-morn-rgb: 252, 213, 203;
$romantic-morn-light: mix(#fff, $romantic-morn, 20%);
$romantic-morn-dark: mix(#000, $romantic-morn, 20%);
.element {
color: $romantic-morn;
box-shadow: 0 0 0 2px rgba($romantic-morn, 0.35);
}