Nazwany kolor · #D2BFC4
Pink Linen
Pink Linen to #D2BFC4: rgb(210 191 196), hsl(344 17% 79%), oklch(0.822 0.022 359.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Pink Linen color name →
#D2BFC4
oklch(0.822 0.022 359.8)
Konwersje koloru
- HEX
- #d2bfc4
- RGB
- rgb(210 191 196)
- HSL
- hsl(344 17% 79%)
- HWB
- hwb(344 75% 18%)
- OKLCH
- oklch(0.822 0.022 359.8)
- OKLab
- oklab(0.822 0.022 0)
- CIE Lab
- lab(79.06 7.57 0.04)
- LCH
- lch(79.06 7.57 0.3)
- CMYK
- cmyk(0% 9% 7% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6C5CA
- DBCCD0
- DFD2D5
- E4D8DB
- E8DFE1
- EDE5E7
- F1EBED
- F6F2F3
- FAF8F9
Odcienie ciemniejsze
- B6A6AA
- 9B8D91
- 817578
- 685E61
- 50484A
- 393335
- 241F21
- 100D0E
- 020202
Tony
- CAB9BD
- C1B2B6
- B9ACAF
- B0A5A8
- A89FA1
- A0999B
- 989294
- 908C8D
- 888687
Harmonie kolorów
Komplementarna +180°
- D2BFC4
Pink Linen
- B6CAC5
≈ Sea Sprite
Analogowa -30° +30°
- D2BFC4
Pink Linen
- CEC0CC
≈ So Dainty
- D3C0BC
≈ Salmon Smoke
Triada +120° +240°
- D2BFC4
Pink Linen
- C3C7B7
≈ Spring Grey
- B8C7D2
≈ Winter Blizzard
Komplementarna rozszczepiona +150° +210°
- D2BFC4
Pink Linen
- BBC9BD
≈ Tropical Cyclone
- B5C9CD
≈ Adorbs
Tetrada +90° +180° +270°
- D2BFC4
Pink Linen
- CAC4B5
≈ Secluded Beach
- B6CAC5
≈ Sea Sprite
- BFC4D4
≈ Blue Bayou
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.75:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.98:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-linen: #d2bfc4;
--pink-linen-rgb: 210 191 196;
--pink-linen-oklch: oklch(0.822 0.022 359.8);
}
.element {
color: var(--pink-linen);
background-color: hsl(344 17% 79%);
border-color: oklch(0.822 0.022 359.8);
}Tailwind CSS v4
@theme {
--color-pink-linen: #d2bfc4;
--color-pink-linen-50: #fbf3f4;
--color-pink-linen-100: #efe5e7;
--color-pink-linen-200: #ddd0d3;
--color-pink-linen-300: #c2b3b6;
--color-pink-linen-400: #aa999e;
--color-pink-linen-500: #948085;
--color-pink-linen-600: #7d6d71;
--color-pink-linen-700: #64575a;
--color-pink-linen-800: #493f42;
--color-pink-linen-900: #332c2e;
--color-pink-linen-950: #1e191b;
}SCSS
$pink-linen: #d2bfc4;
$pink-linen-rgb: 210, 191, 196;
$pink-linen-light: mix(#fff, $pink-linen, 20%);
$pink-linen-dark: mix(#000, $pink-linen, 20%);
.element {
color: $pink-linen;
box-shadow: 0 0 0 2px rgba($pink-linen, 0.35);
}