Benannte Farbe · #DCBFD5
Ooh la La
Ooh la La ist #DCBFD5: rgb(220 191 213), hsl(314 29% 81%), oklch(0.836 0.044 334.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Ooh la La color name →
#DCBFD5
oklch(0.836 0.044 334.4)
Farbumrechnungen
- HEX
- #dcbfd5
- RGB
- rgb(220 191 213)
- HSL
- hsl(314 29% 81%)
- HWB
- hwb(314 75% 14%)
- OKLCH
- oklch(0.836 0.044 334.4)
- OKLab
- oklab(0.836 0.04 -0.019)
- CIE Lab
- lab(80.35 13.43 -7.06)
- LCH
- lch(80.35 15.17 332.3)
- CMYK
- cmyk(0% 13% 3% 14%)
Tints · Shades · Tones
Tints
- E0C5D9
- E3CCDD
- E7D2E2
- EAD8E6
- EEDFEA
- F1E5EE
- F5ECF2
- F8F2F7
- FCF8FB
Shades
- BFA6B9
- A38D9E
- 887583
- 6E5E6A
- 544851
- 3C333A
- 261F24
- 110D10
- 020202
Tones
- D2B9CC
- C9B2C3
- C0ACBB
- B6A5B2
- AD9FAA
- A499A1
- 9B9299
- 928C90
- 898688
Farbharmonien
Komplementär +180°
- DCBFD5
Ooh la La
- B4D2BD
≈ Pitcher
Analog -30° +30°
- DCBFD5
Ooh la La
- CFC3E1
≈ Lavender Bliss
- E3BEC6
≈ Ice Hot Pink
Triadisch +120° +240°
- DCBFD5
Ooh la La
- D2C9A9
≈ Desert Cover
- A9D1DB
≈ Aqua Frost
Geteilt komplementär +150° +210°
- DCBFD5
Ooh la La
- C3CFB0
≈ April Wedding
- AAD3CC
≈ Eton Blue
Tetradisch +90° +180° +270°
- DCBFD5
Ooh la La
- DEC4AC
≈ Sienna Dust
- B4D2BD
≈ Pitcher
- B2CDE4
≈ Morality
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.45:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.45:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--ooh-la-la: #dcbfd5;
--ooh-la-la-rgb: 220 191 213;
--ooh-la-la-oklch: oklch(0.836 0.044 334.4);
}
.element {
color: var(--ooh-la-la);
background-color: hsl(314 29% 81%);
border-color: oklch(0.836 0.044 334.4);
}Tailwind CSS v4
@theme {
--color-ooh-la-la: #dcbfd5;
--color-ooh-la-la-50: #fef1fa;
--color-ooh-la-la-100: #f2e3ed;
--color-ooh-la-la-200: #e1cddb;
--color-ooh-la-la-300: #c7afc0;
--color-ooh-la-la-400: #af95a9;
--color-ooh-la-la-500: #997c92;
--color-ooh-la-la-600: #81697c;
--color-ooh-la-la-700: #685463;
--color-ooh-la-la-800: #4c3d49;
--color-ooh-la-la-900: #352a33;
--color-ooh-la-la-950: #20171e;
}SCSS
$ooh-la-la: #dcbfd5;
$ooh-la-la-rgb: 220, 191, 213;
$ooh-la-la-light: mix(#fff, $ooh-la-la, 20%);
$ooh-la-la-dark: mix(#000, $ooh-la-la, 20%);
.element {
color: $ooh-la-la;
box-shadow: 0 0 0 2px rgba($ooh-la-la, 0.35);
}