Adlandırılmış renk · #DCBFD5
Ooh la La
Ooh la La, #DCBFD5: rgb(220 191 213), hsl(314 29% 81%), oklch(0.836 0.044 334.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Ooh la La color name →
#DCBFD5
oklch(0.836 0.044 334.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0C5D9
- E3CCDD
- E7D2E2
- EAD8E6
- EEDFEA
- F1E5EE
- F5ECF2
- F8F2F7
- FCF8FB
Koyu tonlar
- BFA6B9
- A38D9E
- 887583
- 6E5E6A
- 544851
- 3C333A
- 261F24
- 110D10
- 020202
Gri tonlar
- D2B9CC
- C9B2C3
- C0ACBB
- B6A5B2
- AD9FAA
- A499A1
- 9B9299
- 928C90
- 898688
Renk uyumları
Tamamlayıcı +180°
- DCBFD5
Ooh la La
- B4D2BD
≈ Pitcher
Analog -30° +30°
- DCBFD5
Ooh la La
- CFC3E1
≈ Lavender Bliss
- E3BEC6
≈ Ice Hot Pink
Üçlü +120° +240°
- DCBFD5
Ooh la La
- D2C9A9
≈ Desert Cover
- A9D1DB
≈ Aqua Frost
Bölünmüş tamamlayıcı +150° +210°
- DCBFD5
Ooh la La
- C3CFB0
≈ April Wedding
- AAD3CC
≈ Eton Blue
Dörtlü +90° +180° +270°
- DCBFD5
Ooh la La
- DEC4AC
≈ Sienna Dust
- B4D2BD
≈ Pitcher
- B2CDE4
≈ Morality
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.68:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.45:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.45:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
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);
}