Colore con nome più vicino · #FFE9CF
#FFE9CF
Colore con nome più vicino: Acropolis
#FFE9CF (rgb(255 233 207), hsl(32 100% 91%), oklch(0.945 0.042 71.9)) è più vicino al colore con nome Acropolis. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#FFE9CF
oklch(0.945 0.042 71.9)
Conversioni di colore
- HEX
- #ffe9cf
- RGB
- rgb(255 233 207)
- HSL
- hsl(32 100% 91%)
- HWB
- hwb(32 81% 0%)
- OKLCH
- oklch(0.945 0.042 71.9)
- OKLab
- oklab(0.945 0.013 0.04)
- CIE Lab
- lab(93.64 4.76 15.55)
- LCH
- lch(93.64 16.26 73)
- CMYK
- cmyk(0% 9% 19% 0%)
Tinte · Ombre · Toni
Tinte
- FFEBD4
- FFEDD9
- FFF0DD
- FFF2E2
- FFF4E7
- FFF6EC
- FFF8F1
- FFFBF5
- FFFDFA
Ombre
- DECBB4
- BEAD99
- 9E907F
- 807467
- 635A4F
- 484138
- 2E2923
- 161310
- 030302
Toni
- F2DEC7
- E4D3BF
- D7C8B7
- CABEAF
- BEB3A7
- B1A99F
- A49E97
- 98948F
- 8C8A88
Armonie di colore
Complementare +180°
- FFE9CF
Acropolis
- E0EFFF
≈ Calcareous Sinter
Analogo -30° +30°
- FFE9CF
Acropolis
- FFE7DE
≈ French Manicure
- F2EECF
≈ Minimal
Triadico +120° +240°
- FFE9CF
Acropolis
- CEF6F4
≈ Tinted Ice
- F5E6FF
≈ Soft Lavender
Complementare divisa +150° +210°
- FFE9CF
Acropolis
- D3F3FF
≈ Water
- E9EBFF
≈ Brilliant White
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.17:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.80:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.80:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--acropolis: #ffe9cf;
--acropolis-rgb: 255 233 207;
--acropolis-oklch: oklch(0.945 0.042 71.9);
}
.element {
color: var(--acropolis);
background-color: hsl(32 100% 91%);
border-color: oklch(0.945 0.042 71.9);
}Tailwind CSS v4
@theme {
--color-acropolis: #ffe9cf;
--color-acropolis-50: #fdf4e8;
--color-acropolis-100: #f1e6d9;
--color-acropolis-200: #dfd2c1;
--color-acropolis-300: #c5b5a0;
--color-acropolis-400: #ae9b84;
--color-acropolis-500: #988268;
--color-acropolis-600: #806e58;
--color-acropolis-700: #675846;
--color-acropolis-800: #4c4033;
--color-acropolis-900: #352c22;
--color-acropolis-950: #201912;
}SCSS
$acropolis: #ffe9cf;
$acropolis-rgb: 255, 233, 207;
$acropolis-light: mix(#fff, $acropolis, 20%);
$acropolis-dark: mix(#000, $acropolis, 20%);
.element {
color: $acropolis;
box-shadow: 0 0 0 2px rgba($acropolis, 0.35);
}