Colore con nome · #FFD2C1
Simply Delicious
Simply Delicious è #FFD2C1: rgb(255 210 193), hsl(16 100% 88%), oklch(0.898 0.056 41.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Simply Delicious color name →
#FFD2C1
oklch(0.898 0.056 41.7)
Conversioni di colore
- HEX
- #ffd2c1
- RGB
- rgb(255 210 193)
- HSL
- hsl(16 100% 88%)
- HWB
- hwb(16 76% 0%)
- OKLCH
- oklch(0.898 0.056 41.7)
- OKLab
- oklab(0.898 0.042 0.037)
- CIE Lab
- lab(87.82 14.49 14.71)
- LCH
- lch(87.82 20.65 45.4)
- CMYK
- cmyk(0% 18% 24% 0%)
Tinte · Ombre · Toni
Tinte
- FFD7C7
- FFDBCD
- FFE0D4
- FFE4DA
- FFE9E0
- FFEDE6
- FFF2EC
- FFF6F3
- FFFBF9
Ombre
- DEB6A7
- BE9B8F
- 9E8177
- 80685F
- 635049
- 483934
- 2E2420
- 16100E
- 030202
Toni
- F2CABA
- E5C1B4
- D8B9AD
- CBB1A7
- BEA8A0
- B1A09A
- A59893
- 98908D
- 8C8886
Armonie di colore
Complementare +180°
- FFD2C1
Simply Delicious
- B5E7F8
≈ Breaking the Ice
Analogo -30° +30°
- FFD2C1
Simply Delicious
- FFCFD4
≈ Love Fumes
- F5D8B5
≈ Walnut Cream
Triadico +120° +240°
- FFD2C1
Simply Delicious
- BDEAD2
≈ Maypole
- D7DAFF
≈ Transparent Blue
Complementare divisa +150° +210°
- FFD2C1
Simply Delicious
- B3EAE7
≈ Spearmint Water
- C6E0FF
≈ Arc Light
Tetradico +90° +180° +270°
- FFD2C1
Simply Delicious
- D0E6C0
≈ Sweet Spring
- B5E7F8
≈ Breaking the Ice
- EAD3F9
≈ Mousse aux Pruneaux
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.24:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--simply-delicious: #ffd2c1;
--simply-delicious-rgb: 255 210 193;
--simply-delicious-oklch: oklch(0.898 0.056 41.7);
}
.element {
color: var(--simply-delicious);
background-color: hsl(16 100% 88%);
border-color: oklch(0.898 0.056 41.7);
}Tailwind CSS v4
@theme {
--color-simply-delicious: #ffd2c1;
--color-simply-delicious-50: #fff1e9;
--color-simply-delicious-100: #f9e2d9;
--color-simply-delicious-200: #eacdc1;
--color-simply-delicious-300: #d1afa1;
--color-simply-delicious-400: #bc9485;
--color-simply-delicious-500: #a77a69;
--color-simply-delicious-600: #8d6859;
--color-simply-delicious-700: #715347;
--color-simply-delicious-800: #543c34;
--color-simply-delicious-900: #3a2923;
--color-simply-delicious-950: #241712;
}SCSS
$simply-delicious: #ffd2c1;
$simply-delicious-rgb: 255, 210, 193;
$simply-delicious-light: mix(#fff, $simply-delicious, 20%);
$simply-delicious-dark: mix(#000, $simply-delicious, 20%);
.element {
color: $simply-delicious;
box-shadow: 0 0 0 2px rgba($simply-delicious, 0.35);
}