Colore con nome · #F0BAA4
Antique Cameo
Antique Cameo è #F0BAA4: rgb(240 186 164), hsl(17 72% 79%), oklch(0.832 0.07 43.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Antique Cameo color name →
#F0BAA4
oklch(0.832 0.07 43.2)
Conversioni di colore
- HEX
- #f0baa4
- RGB
- rgb(240 186 164)
- HSL
- hsl(17 72% 79%)
- HWB
- hwb(17 64% 6%)
- OKLCH
- oklch(0.832 0.07 43.2)
- OKLab
- oklab(0.832 0.051 0.048)
- CIE Lab
- lab(80.09 17.89 19.08)
- LCH
- lch(80.09 26.15 46.8)
- CMYK
- cmyk(0% 23% 32% 6%)
Tinte · Ombre · Toni
Tinte
- F2C1AD
- F4C8B6
- F5CFBF
- F7D6C8
- F9DCD1
- FAE3DA
- FBEAE3
- FDF1ED
- FEF8F6
Ombre
- D1A18E
- B28979
- 957264
- 785C50
- 5D463D
- 43322B
- 2A1E1A
- 140D0A
- 030201
Toni
- E4B4A0
- D9AE9D
- CEA899
- C2A396
- B79D92
- AC978F
- A1918B
- 968C87
- 8B8684
Armonie di colore
Complementare +180°
- F0BAA4
Antique Cameo
- 96D3E9
≈ Blue Effervescence
Analogo -30° +30°
- F0BAA4
Antique Cameo
- F2B6BB
≈ Purple Thorn
- E4C296
≈ Dromedary
Triadico +120° +240°
- F0BAA4
Antique Cameo
- 9FD7BB
≈ Nihilakh Oxide
- C1C3F5
≈ Light Periwinkle
Complementare divisa +150° +210°
- F0BAA4
Antique Cameo
- 91D7D5
≈ Island Oasis
- A8CBF5
≈ Baby Blue Eyes
Tetradico +90° +180° +270°
- F0BAA4
Antique Cameo
- B6D2A4
≈ Apium
- 96D3E9
≈ Blue Effervescence
- D8BBE9
≈ Pretty Petunia
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.26:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.26:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--antique-cameo: #f0baa4;
--antique-cameo-rgb: 240 186 164;
--antique-cameo-oklch: oklch(0.832 0.07 43.2);
}
.element {
color: var(--antique-cameo);
background-color: hsl(17 72% 79%);
border-color: oklch(0.832 0.07 43.2);
}Tailwind CSS v4
@theme {
--color-antique-cameo: #f0baa4;
--color-antique-cameo-50: #fff0e5;
--color-antique-cameo-100: #fde1d5;
--color-antique-cameo-200: #efccbc;
--color-antique-cameo-300: #d7ad9a;
--color-antique-cameo-400: #c2927d;
--color-antique-cameo-500: #ae7761;
--color-antique-cameo-600: #936552;
--color-antique-cameo-700: #765141;
--color-antique-cameo-800: #573a2f;
--color-antique-cameo-900: #3d2820;
--color-antique-cameo-950: #261610;
}SCSS
$antique-cameo: #f0baa4;
$antique-cameo-rgb: 240, 186, 164;
$antique-cameo-light: mix(#fff, $antique-cameo, 20%);
$antique-cameo-dark: mix(#000, $antique-cameo, 20%);
.element {
color: $antique-cameo;
box-shadow: 0 0 0 2px rgba($antique-cameo, 0.35);
}