Color con nombre más cercano · #D5E1CD
#D5E1CD
Color con nombre más cercano: Peppermint
#D5E1CD (rgb(213 225 205), hsl(96 25% 84%), oklch(0.895 0.03 132.6)) se parece más al color con nombre Peppermint. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D5E1CD
oklch(0.895 0.03 132.6)
Conversiones de color
- HEX
- #d5e1cd
- RGB
- rgb(213 225 205)
- HSL
- hsl(96 25% 84%)
- HWB
- hwb(96 80% 12%)
- OKLCH
- oklch(0.895 0.03 132.6)
- OKLab
- oklab(0.895 -0.02 0.022)
- CIE Lab
- lab(88.2 -6.84 8.37)
- LCH
- lch(88.2 10.81 129.3)
- CMYK
- cmyk(5% 0% 9% 12%)
Tintes · Sombras · Tonos
Tintes
- D9E4D2
- DDE7D7
- E1EADC
- E6EDE1
- EAF0E6
- EEF3EB
- F2F6F0
- F7F9F5
- FBFCFA
Sombras
- B9C4B2
- 9EA798
- 838B7E
- 6A7066
- 51564E
- 3A3E38
- 242723
- 10120F
- 020202
Tonos
- CCD7C5
- C3CDBD
- BBC3B5
- B2B9AD
- AAAFA6
- A1A69E
- 999C96
- 90938F
- 888987
Armonías de color
Complementario +180°
- D5E1CD
Peppermint
- E3D7EB
≈ Old Chalk
Análogo -30° +30°
- D5E1CD
Peppermint
- E0DEC7
≈ Light Pistachio Tang
- CCE3D7
≈ Light Silverton
Triádico +120° +240°
- D5E1CD
Peppermint
- CFDEF0
≈ Vanishing Blue
- F0D5D7
≈ Alyssum
Complementario dividido +150° +210°
- D5E1CD
Peppermint
- D9DAF0
≈ Quartz
- EBD5E2
≈ Light Favourite Lady
Tetrádico +90° +180° +270°
- D5E1CD
Peppermint
- C8E1EB
≈ Skywriter
- E3D7EB
≈ Old Chalk
- EFD7CD
≈ Tan Whirl
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.35:1 · APCA Lc 17
Ag
AAASobre negro
WCAG 15.48:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--peppermint: #d5e1cd;
--peppermint-rgb: 213 225 205;
--peppermint-oklch: oklch(0.895 0.03 132.6);
}
.element {
color: var(--peppermint);
background-color: hsl(96 25% 84%);
border-color: oklch(0.895 0.03 132.6);
}Tailwind CSS v4
@theme {
--color-peppermint: #d5e1cd;
--color-peppermint-50: #f2f7ef;
--color-peppermint-100: #e4eae0;
--color-peppermint-200: #cfd7cb;
--color-peppermint-300: #b1bbac;
--color-peppermint-400: #98a291;
--color-peppermint-500: #7f8b77;
--color-peppermint-600: #6b7564;
--color-peppermint-700: #565e50;
--color-peppermint-800: #3f453a;
--color-peppermint-900: #2b2f28;
--color-peppermint-950: #191c16;
}SCSS
$peppermint: #d5e1cd;
$peppermint-rgb: 213, 225, 205;
$peppermint-light: mix(#fff, $peppermint, 20%);
$peppermint-dark: mix(#000, $peppermint, 20%);
.element {
color: $peppermint;
box-shadow: 0 0 0 2px rgba($peppermint, 0.35);
}