Couleur nommée la plus proche · #E4B6C9
#E4B6C9
Couleur nommée la plus proche: Mental Floss
#E4B6C9 (rgb(228 182 201), hsl(335 46% 80%), oklch(0.823 0.058 351.8)) est la plus proche de la couleur nommée Mental Floss. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#E4B6C9
oklch(0.823 0.058 351.8)
Conversions de couleur
- HEX
- #e4b6c9
- RGB
- rgb(228 182 201)
- HSL
- hsl(335 46% 80%)
- HWB
- hwb(335 71% 11%)
- OKLCH
- oklch(0.823 0.058 351.8)
- OKLab
- oklab(0.823 0.058 -0.008)
- CIE Lab
- lab(78.66 19.34 -2.98)
- LCH
- lch(78.66 19.56 351.3)
- CMYK
- cmyk(0% 20% 12% 11%)
Teintes · Ombres · Tons
Teintes
- E7BDCE
- EAC4D4
- EDCCD9
- F0D3DE
- F2DAE4
- F5E2E9
- F8E9EF
- FAF0F4
- FDF8F9
Ombres
- C69EAE
- A98695
- 8D6F7C
- 725964
- 58444C
- 3F3036
- 281D22
- 120C0F
- 030202
Tons
- DAB1C1
- D0ABBA
- C5A6B2
- BBA0AB
- B19BA4
- A7959C
- 9D9095
- 948B8E
- 8A8587
Harmonies de couleurs
Complémentaire +180°
- E4B6C9
Mental Floss
- 9FD2C0
≈ Flowering Cactus
Analogue -30° +30°
- E4B6C9
Mental Floss
- D7B9DC
≈ Plum Point
- E9B7B4
≈ Naked Rose
Triadique +120° +240°
- E4B6C9
Mental Floss
- C5C99E
≈ Paris Mint
- 9FCCE5
≈ Endless Blue
Complémentaire divisée +150° +210°
- E4B6C9
Mental Floss
- B0CFAC
≈ Gio Ponti Green
- 98D1D5
≈ Aroma Blue
Tétradique +90° +180° +270°
- E4B6C9
Mental Floss
- D8C29A
≈ Natural Twine
- 9FD2C0
≈ Flowering Cactus
- B0C6EC
≈ Promise Keeping
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.77:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.83:1 · APCA Lc 70
Meilleure couleur de texte: #000000
WCAG 11.83:1 (AAA) · APCA Lc 70
Contrast pairs
Extraits de code
CSS
:root {
--mental-floss: #e4b6c9;
--mental-floss-rgb: 228 182 201;
--mental-floss-oklch: oklch(0.823 0.058 351.8);
}
.element {
color: var(--mental-floss);
background-color: hsl(335 46% 80%);
border-color: oklch(0.823 0.058 351.8);
}Tailwind CSS v4
@theme {
--color-mental-floss: #e4b6c9;
--color-mental-floss-50: #ffeff6;
--color-mental-floss-100: #f9e0e9;
--color-mental-floss-200: #eacad6;
--color-mental-floss-300: #d1acb9;
--color-mental-floss-400: #bb91a2;
--color-mental-floss-500: #a5768a;
--color-mental-floss-600: #8b6475;
--color-mental-floss-700: #70505e;
--color-mental-floss-800: #523a45;
--color-mental-floss-900: #392830;
--color-mental-floss-950: #24161c;
}SCSS
$mental-floss: #e4b6c9;
$mental-floss-rgb: 228, 182, 201;
$mental-floss-light: mix(#fff, $mental-floss, 20%);
$mental-floss-dark: mix(#000, $mental-floss, 20%);
.element {
color: $mental-floss;
box-shadow: 0 0 0 2px rgba($mental-floss, 0.35);
}