Nazwany kolor · #DEB4C5
Mental Floss
Mental Floss to #DEB4C5: rgb(222 180 197), hsl(336 39% 79%), oklch(0.812 0.053 352.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Mental Floss color name →
#DEB4C5
oklch(0.812 0.053 352.1)
Konwersje koloru
- HEX
- #deb4c5
- RGB
- rgb(222 180 197)
- HSL
- hsl(336 39% 79%)
- HWB
- hwb(336 71% 13%)
- OKLCH
- oklch(0.812 0.053 352.1)
- OKLab
- oklab(0.812 0.053 -0.007)
- CIE Lab
- lab(77.49 17.66 -2.59)
- LCH
- lch(77.49 17.85 351.6)
- CMYK
- cmyk(0% 19% 11% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2BBCB
- E5C3D0
- E8CAD6
- ECD2DC
- EFD9E2
- F2E1E7
- F6E8ED
- F9F0F3
- FCF7F9
Odcienie ciemniejsze
- C19CAB
- A58592
- 896E79
- 6F5861
- 55444B
- 3D3035
- 261D21
- 120C0E
- 020202
Tony
- D4AFBE
- CBA9B7
- C1A4B0
- B89FA9
- AE9AA2
- A5959B
- 9C8F94
- 928A8D
- 898587
Harmonie kolorów
Komplementarna +180°
- DEB4C5
Mental Floss
- 9FCDBE
≈ Tareyton
Analogowa -30° +30°
- DEB4C5
Mental Floss
- D2B7D6
≈ Lilac Haze
- E2B5B2
≈ Pink Dust
Triada +120° +240°
- DEB4C5
Mental Floss
- C2C69E
≈ Sage Splendour
- A0C8DF
≈ Legacy Blue
Komplementarna rozszczepiona +150° +210°
- DEB4C5
Mental Floss
- AFCBAB
≈ Relish
- 99CCD0
≈ Pentagon
Tetrada +90° +180° +270°
- DEB4C5
Mental Floss
- D3BF9B
≈ Eire
- 9FCDBE
≈ Tareyton
- AFC2E5
≈ Promise
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.83:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.44:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--mental-floss: #deb4c5;
--mental-floss-rgb: 222 180 197;
--mental-floss-oklch: oklch(0.812 0.053 352.1);
}
.element {
color: var(--mental-floss);
background-color: hsl(336 39% 79%);
border-color: oklch(0.812 0.053 352.1);
}Tailwind CSS v4
@theme {
--color-mental-floss: #deb4c5;
--color-mental-floss-50: #ffeff6;
--color-mental-floss-100: #f7e1e9;
--color-mental-floss-200: #e8cbd6;
--color-mental-floss-300: #cfadb9;
--color-mental-floss-400: #b892a2;
--color-mental-floss-500: #a3788a;
--color-mental-floss-600: #896675;
--color-mental-floss-700: #6e515d;
--color-mental-floss-800: #513b45;
--color-mental-floss-900: #382830;
--color-mental-floss-950: #23161c;
}SCSS
$mental-floss: #deb4c5;
$mental-floss-rgb: 222, 180, 197;
$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);
}