Najbliższy nazwany kolor · #D5E1CD
#D5E1CD
Najbliższy nazwany kolor: Peppermint
#D5E1CD (rgb(213 225 205), hsl(96 25% 84%), oklch(0.895 0.03 132.6)) jest najbliższy nazwanemu kolorowi Peppermint. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D5E1CD
oklch(0.895 0.03 132.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9E4D2
- DDE7D7
- E1EADC
- E6EDE1
- EAF0E6
- EEF3EB
- F2F6F0
- F7F9F5
- FBFCFA
Odcienie ciemniejsze
- B9C4B2
- 9EA798
- 838B7E
- 6A7066
- 51564E
- 3A3E38
- 242723
- 10120F
- 020202
Tony
- CCD7C5
- C3CDBD
- BBC3B5
- B2B9AD
- AAAFA6
- A1A69E
- 999C96
- 90938F
- 888987
Harmonie kolorów
Komplementarna +180°
- D5E1CD
Peppermint
- E3D7EB
≈ Old Chalk
Analogowa -30° +30°
- D5E1CD
Peppermint
- E0DEC7
≈ Light Pistachio Tang
- CCE3D7
≈ Light Silverton
Triada +120° +240°
- D5E1CD
Peppermint
- CFDEF0
≈ Vanishing Blue
- F0D5D7
≈ Alyssum
Komplementarna rozszczepiona +150° +210°
- D5E1CD
Peppermint
- D9DAF0
≈ Quartz
- EBD5E2
≈ Light Favourite Lady
Tetrada +90° +180° +270°
- D5E1CD
Peppermint
- C8E1EB
≈ Skywriter
- E3D7EB
≈ Old Chalk
- EFD7CD
≈ Tan Whirl
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.35:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.48:1 · APCA Lc 86
Najlepszy kolor tekstu: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
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);
}