Nazwany kolor · #DBB2BC
Pentalon
Pentalon to #DBB2BC: rgb(219 178 188), hsl(345 36% 78%), oklch(0.803 0.049 1.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Pentalon color name →
#DBB2BC
oklch(0.803 0.049 1.9)
Konwersje koloru
- HEX
- #dbb2bc
- RGB
- rgb(219 178 188)
- HSL
- hsl(345 36% 78%)
- HWB
- hwb(345 70% 14%)
- OKLCH
- oklch(0.803 0.049 1.9)
- OKLab
- oklab(0.803 0.049 0.002)
- CIE Lab
- lab(76.51 16.48 0.81)
- LCH
- lch(76.51 16.5 2.8)
- CMYK
- cmyk(0% 19% 14% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFBAC3
- E3C1C9
- E6C9D0
- EAD0D6
- EED8DD
- F1E0E4
- F5E8EB
- F8EFF1
- FCF7F8
Odcienie ciemniejsze
- BE9AA3
- A2838B
- 876D73
- 6D575D
- 544347
- 3C2F32
- 261D1F
- 110C0D
- 020102
Tony
- D2ADB6
- C8A8B0
- BFA3AA
- B69EA3
- AD999D
- A49497
- 9B8F92
- 928A8C
- 898586
Harmonie kolorów
Komplementarna +180°
- DBB2BC
Pentalon
- 9CCAC1
≈ Jamaica Bay
Analogowa -30° +30°
- DBB2BC
Pentalon
- D2B4CD
≈ Mary Poppins
- DDB4AB
≈ Evening Sand
Triada +120° +240°
- DBB2BC
Pentalon
- B9C4A1
≈ Quaking Grass
- A4C3DC
≈ Metal Gear
Komplementarna rozszczepiona +150° +210°
- DBB2BC
Pentalon
- A8C8AF
≈ Pastel Meadow
- 9BC8D1
≈ Soothing Blue
Tetrada +90° +180° +270°
- DBB2BC
Pentalon
- CABE9B
≈ Sandwashed
- 9CCAC1
≈ Jamaica Bay
- B3BDDF
≈ Wish
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.89:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.10:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.10:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--pentalon: #dbb2bc;
--pentalon-rgb: 219 178 188;
--pentalon-oklch: oklch(0.803 0.049 1.9);
}
.element {
color: var(--pentalon);
background-color: hsl(345 36% 78%);
border-color: oklch(0.803 0.049 1.9);
}Tailwind CSS v4
@theme {
--color-pentalon: #dbb2bc;
--color-pentalon-50: #fff0f3;
--color-pentalon-100: #f7e1e6;
--color-pentalon-200: #e8ccd2;
--color-pentalon-300: #ceadb4;
--color-pentalon-400: #b8939c;
--color-pentalon-500: #a37984;
--color-pentalon-600: #8a666f;
--color-pentalon-700: #6e5259;
--color-pentalon-800: #513b42;
--color-pentalon-900: #39292d;
--color-pentalon-950: #23171a;
}SCSS
$pentalon: #dbb2bc;
$pentalon-rgb: 219, 178, 188;
$pentalon-light: mix(#fff, $pentalon, 20%);
$pentalon-dark: mix(#000, $pentalon, 20%);
.element {
color: $pentalon;
box-shadow: 0 0 0 2px rgba($pentalon, 0.35);
}