Colore con nome · #F0D1C8
Chic Peach
Chic Peach è #F0D1C8: rgb(240 209 200), hsl(13 57% 86%), oklch(0.884 0.037 36.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Chic Peach color name →
#F0D1C8
oklch(0.884 0.037 36.8)
Conversioni di colore
- HEX
- #f0d1c8
- RGB
- rgb(240 209 200)
- HSL
- hsl(13 57% 86%)
- HWB
- hwb(13 78% 6%)
- OKLCH
- oklch(0.884 0.037 36.8)
- OKLab
- oklab(0.884 0.03 0.022)
- CIE Lab
- lab(86.3 10.14 8.68)
- LCH
- lch(86.3 13.35 40.6)
- CMYK
- cmyk(0% 13% 17% 6%)
Tinte · Ombre · Toni
Tinte
- F2D6CD
- F3DAD3
- F5DFD8
- F6E3DE
- F8E8E3
- F9EDE9
- FBF1EE
- FCF6F4
- FEFAF9
Ombre
- D1B5AE
- B29B94
- 95817B
- 786863
- 5D504C
- 433936
- 2A2321
- 14100F
- 030202
Toni
- E4C9C1
- D9C0B9
- CDB8B2
- C2B0AB
- B7A8A3
- ABA09C
- A09895
- 96908E
- 8B8887
Armonie di colore
Complementare +180°
- F0D1C8
Chic Peach
- BFE0E9
≈ Diminished Blue
Analogo -30° +30°
- F0D1C8
Chic Peach
- F0CFD5
≈ Milkshake Pink
- EAD5C0
≈ Mother of Pearl
Triadico +120° +240°
- F0D1C8
Chic Peach
- C6E1CF
≈ Enchanted
- D2D7F2
≈ Flax Bloom
Complementare divisa +150° +210°
- F0D1C8
Chic Peach
- BEE1DD
≈ Sea Breath
- C6DCF1
≈ Blue Booties
Tetradico +90° +180° +270°
- F0D1C8
Chic Peach
- D2DEC4
≈ Dream Seascape
- BFE0E9
≈ Diminished Blue
- DFD3ED
≈ Teary Eyed
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.65:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.65:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--chic-peach: #f0d1c8;
--chic-peach-rgb: 240 209 200;
--chic-peach-oklch: oklch(0.884 0.037 36.8);
}
.element {
color: var(--chic-peach);
background-color: hsl(13 57% 86%);
border-color: oklch(0.884 0.037 36.8);
}Tailwind CSS v4
@theme {
--color-chic-peach: #f0d1c8;
--color-chic-peach-50: #fff2ed;
--color-chic-peach-100: #f4e4df;
--color-chic-peach-200: #e3cfc9;
--color-chic-peach-300: #c9b1aa;
--color-chic-peach-400: #b3978f;
--color-chic-peach-500: #9d7e75;
--color-chic-peach-600: #856b63;
--color-chic-peach-700: #6a554f;
--color-chic-peach-800: #4e3e3a;
--color-chic-peach-900: #362b28;
--color-chic-peach-950: #211816;
}SCSS
$chic-peach: #f0d1c8;
$chic-peach-rgb: 240, 209, 200;
$chic-peach-light: mix(#fff, $chic-peach, 20%);
$chic-peach-dark: mix(#000, $chic-peach, 20%);
.element {
color: $chic-peach;
box-shadow: 0 0 0 2px rgba($chic-peach, 0.35);
}