Couleur nommée la plus proche · #F4E6EC
#F4E6EC
Couleur nommée la plus proche: Antarctic Love
#F4E6EC (rgb(244 230 236), hsl(334 39% 93%), oklch(0.938 0.017 349.5)) est la plus proche de la couleur nommée Antarctic Love. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F4E6EC
oklch(0.938 0.017 349.5)
Conversions de couleur
- HEX
- #f4e6ec
- RGB
- rgb(244 230 236)
- HSL
- hsl(334 39% 93%)
- HWB
- hwb(334 90% 4%)
- OKLCH
- oklch(0.938 0.017 349.5)
- OKLab
- oklab(0.938 0.017 -0.003)
- CIE Lab
- lab(92.55 5.68 -1.13)
- LCH
- lch(92.55 5.79 348.8)
- CMYK
- cmyk(0% 6% 3% 4%)
Teintes · Ombres · Tons
Teintes
- F5E8EE
- F6EBF0
- F7EDF2
- F8F0F4
- FAF2F5
- FBF5F7
- FCF7F9
- FDFAFB
- FEFCFD
Ombres
- D4C8CD
- B5ABAF
- 978E92
- 7A7376
- 5E595B
- 444042
- 2B2829
- 141313
- 030303
Tons
- E8DBE1
- DCD1D5
- D0C6CA
- C4BCBF
- B8B2B4
- ADA7AA
- A19D9F
- 969495
- 8B8A8A
Harmonies de couleurs
Complémentaire +180°
- F4E6EC
Antarctic Love
- E0EEE8
≈ Morning Light Wave
Analogue -30° +30°
- F4E6EC
Antarctic Love
- F0E7F2
≈ Tranquil Eve
- F6E6E6
≈ Girly Nursery
Triadique +120° +240°
- F4E6EC
Antarctic Love
- EBECDF
≈ Ageless
- DFEDF4
≈ Out Cold
Complémentaire divisée +150° +210°
- F4E6EC
Antarctic Love
- E5EDE3
≈ Calm Thoughts
- DEEEEF
≈ White Glaze
Tétradique +90° +180° +270°
- F4E6EC
Antarctic Love
- F1E9DE
≈ Vanilla Tan
- E0EEE8
≈ Morning Light Wave
- E4EBF6
≈ Husky
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.20:1 · APCA Lc 10
Ag
AAASur noir
WCAG 17.37:1 · APCA Lc 94
Meilleure couleur de texte: #000000
WCAG 17.37:1 (AAA) · APCA Lc 94
Contrast pairs
Extraits de code
CSS
:root {
--antarctic-love: #f4e6ec;
--antarctic-love-rgb: 244 230 236;
--antarctic-love-oklch: oklch(0.938 0.017 349.5);
}
.element {
color: var(--antarctic-love);
background-color: hsl(334 39% 93%);
border-color: oklch(0.938 0.017 349.5);
}Tailwind CSS v4
@theme {
--color-antarctic-love: #f4e6ec;
--color-antarctic-love-50: #f9f3f6;
--color-antarctic-love-100: #ede6e8;
--color-antarctic-love-200: #dad1d5;
--color-antarctic-love-300: #bfb4b8;
--color-antarctic-love-400: #a79aa0;
--color-antarctic-love-500: #908288;
--color-antarctic-love-600: #796e73;
--color-antarctic-love-700: #61585c;
--color-antarctic-love-800: #474043;
--color-antarctic-love-900: #312c2f;
--color-antarctic-love-950: #1d191b;
}SCSS
$antarctic-love: #f4e6ec;
$antarctic-love-rgb: 244, 230, 236;
$antarctic-love-light: mix(#fff, $antarctic-love, 20%);
$antarctic-love-dark: mix(#000, $antarctic-love, 20%);
.element {
color: $antarctic-love;
box-shadow: 0 0 0 2px rgba($antarctic-love, 0.35);
}