Couleur nommée · #F8E2CA
Acropolis
Acropolis correspond à #F8E2CA : rgb(248 226 202), hsl(31 77% 88%), oklch(0.924 0.04 69.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Acropolis color name →
#F8E2CA
oklch(0.924 0.04 69.7)
Conversions de couleur
- HEX
- #f8e2ca
- RGB
- rgb(248 226 202)
- HSL
- hsl(31 77% 88%)
- HWB
- hwb(31 79% 3%)
- OKLCH
- oklch(0.924 0.04 69.7)
- OKLab
- oklab(0.924 0.014 0.038)
- CIE Lab
- lab(91.23 5.02 14.66)
- LCH
- lch(91.23 15.49 71.1)
- CMYK
- cmyk(0% 9% 19% 3%)
Teintes · Ombres · Tons
Teintes
- F9E5CF
- FAE8D5
- FAEBDA
- FBEEDF
- FCF1E4
- FCF3EA
- FDF6EF
- FEF9F4
- FEFCFA
Ombres
- D8C4AF
- B8A895
- 9A8C7C
- 7C7164
- 60574D
- 453E37
- 2C2722
- 15120F
- 030302
Tons
- EBD8C2
- DFCEBB
- D3C4B3
- C6BAAC
- BAB0A4
- AEA69D
- A39C96
- 97938E
- 8B8987
Harmonies de couleurs
Complémentaire +180°
- F8E2CA
Acropolis
- D4E9FF
≈ Veiling Waterfalls
Analogue -30° +30°
- F8E2CA
Acropolis
- FFDED2
≈ Soft Orange Bloom
- ECE7C9
≈ Piece of Cake
Triadique +120° +240°
- F8E2CA
Acropolis
- C9EFEC
≈ Icy Blue
- EEDFFB
≈ Lavender Savour
Complémentaire divisée +150° +210°
- F8E2CA
Acropolis
- CAEDF9
≈ Frosty Day
- E0E4FF
≈ Lavender Mist
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.25:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.72:1 · APCA Lc 91
Meilleure couleur de texte: #000000
WCAG 16.72:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--acropolis: #f8e2ca;
--acropolis-rgb: 248 226 202;
--acropolis-oklch: oklch(0.924 0.04 69.7);
}
.element {
color: var(--acropolis);
background-color: hsl(31 77% 88%);
border-color: oklch(0.924 0.04 69.7);
}Tailwind CSS v4
@theme {
--color-acropolis: #f8e2ca;
--color-acropolis-50: #fdf4e9;
--color-acropolis-100: #f1e6da;
--color-acropolis-200: #dfd2c2;
--color-acropolis-300: #c5b5a2;
--color-acropolis-400: #ae9b85;
--color-acropolis-500: #98826a;
--color-acropolis-600: #806e5a;
--color-acropolis-700: #675848;
--color-acropolis-800: #4c4034;
--color-acropolis-900: #352c23;
--color-acropolis-950: #201912;
}SCSS
$acropolis: #f8e2ca;
$acropolis-rgb: 248, 226, 202;
$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);
}