Color con nombre · #F1FDE9
Crème de Menthe
Crème de Menthe es #F1FDE9: rgb(241 253 233), hsl(96 83% 95%), oklch(0.98 0.029 132.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Crème de Menthe color name →
#F1FDE9
oklch(0.98 0.029 132.6)
Conversiones de color
- HEX
- #f1fde9
- RGB
- rgb(241 253 233)
- HSL
- hsl(96 83% 95%)
- HWB
- hwb(96 91% 1%)
- OKLCH
- oklch(0.98 0.029 132.6)
- OKLab
- oklab(0.98 -0.02 0.021)
- CIE Lab
- lab(98 -6.69 8.18)
- LCH
- lch(98 10.57 129.3)
- CMYK
- cmyk(5% 0% 8% 1%)
Tintes · Sombras · Tonos
Tintes
- F2FDEB
- F4FDED
- F5FEF0
- F7FEF2
- F8FEF4
- F9FEF6
- FBFEF8
- FCFFFB
- FEFFFD
Sombras
- D2DCCB
- B3BCAD
- 959D90
- 797F74
- 5D625A
- 434741
- 2B2D29
- 141613
- 030303
Tonos
- E5F0DE
- D9E3D3
- CED6C8
- C2C9BE
- B7BDB3
- ACB0A9
- A1A49E
- 969894
- 8B8C8A
Armonías de color
Complementario +180°
- F1FDE9
Crème de Menthe
- FBF6FF
≈ Ghost White
Análogo -30° +30°
- F1FDE9
Crème de Menthe
- FCFAE3
≈ Coconut Pulp
- E8FFF3
≈ Mint Chiffon
Triádico +120° +240°
- F1FDE9
Crème de Menthe
- F4F9FF
≈ Mā White
- FFF6F6
≈ Sea Salt Sherbet
Complementario dividido +150° +210°
- F1FDE9
Crème de Menthe
- F7F8FF
≈ Ghost White
- FFF5FB
≈ Cold Snow
Tetrádico +90° +180° +270°
- F1FDE9
Crème de Menthe
- EFFBFF
≈ Cold White
- FBF6FF
≈ Ghost White
- FFF6F3
≈ Pink Diminishing
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.05:1 · APCA Lc 0
Ag
AAASobre negro
WCAG 19.96:1 · APCA Lc 104
Mejor color de texto: #000000
WCAG 19.96:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmentos de código
CSS
:root {
--creme-de-menthe: #f1fde9;
--creme-de-menthe-rgb: 241 253 233;
--creme-de-menthe-oklch: oklch(0.98 0.029 132.6);
}
.element {
color: var(--creme-de-menthe);
background-color: hsl(96 83% 95%);
border-color: oklch(0.98 0.029 132.6);
}Tailwind CSS v4
@theme {
--color-creme-de-menthe: #f1fde9;
--color-creme-de-menthe-50: #f2f7ef;
--color-creme-de-menthe-100: #e4eae0;
--color-creme-de-menthe-200: #cfd7cb;
--color-creme-de-menthe-300: #b1bbac;
--color-creme-de-menthe-400: #98a291;
--color-creme-de-menthe-500: #7f8b77;
--color-creme-de-menthe-600: #6b7565;
--color-creme-de-menthe-700: #565e50;
--color-creme-de-menthe-800: #3f453a;
--color-creme-de-menthe-900: #2b2f28;
--color-creme-de-menthe-950: #191c16;
}SCSS
$creme-de-menthe: #f1fde9;
$creme-de-menthe-rgb: 241, 253, 233;
$creme-de-menthe-light: mix(#fff, $creme-de-menthe, 20%);
$creme-de-menthe-dark: mix(#000, $creme-de-menthe, 20%);
.element {
color: $creme-de-menthe;
box-shadow: 0 0 0 2px rgba($creme-de-menthe, 0.35);
}