Adlandırılmış renk · #DDBCBC
Fizzing Whizbees
Fizzing Whizbees, #DDBCBC: rgb(221 188 188), hsl(0 33% 80%), oklch(0.824 0.038 17.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Fizzing Whizbees color name →
#DDBCBC
oklch(0.824 0.038 17.9)
Renk dönüşümleri
- HEX
- #ddbcbc
- RGB
- rgb(221 188 188)
- HSL
- hsl(0 33% 80%)
- HWB
- hwb(0 74% 13%)
- OKLCH
- oklch(0.824 0.038 17.9)
- OKLab
- oklab(0.824 0.036 0.012)
- CIE Lab
- lab(79.15 12.16 4.61)
- LCH
- lch(79.15 13.01 20.8)
- CMYK
- cmyk(0% 15% 15% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1C3C3
- E4C9C9
- E7D0D0
- EBD6D6
- EEDDDD
- F2E4E4
- F5EBEB
- F8F1F1
- FCF8F8
Koyu tonlar
- C0A3A3
- A48B8B
- 887373
- 6E5D5D
- 554747
- 3D3232
- 261F1F
- 110D0D
- 020202
Gri tonlar
- D3B6B6
- CAB0B0
- C0AAAA
- B7A4A4
- AE9E9D
- A49898
- 9B9292
- 928C8C
- 898686
Renk uyumları
Tamamlayıcı +180°
- DDBCBC
Fizzing Whizbees
- AACDCE
≈ Baroque Chalk Soft Blue
Analog -30° +30°
- DDBCBC
Fizzing Whizbees
- D9BCCA
≈ Fragrant Orchid
- DBBFB1
≈ One to Remember
Üçlü +120° +240°
- DDBCBC
Fizzing Whizbees
- BACCB4
≈ Isle of Dreams
- B6C7DE
≈ Retina Soft Blue
Bölünmüş tamamlayıcı +150° +210°
- DDBCBC
Fizzing Whizbees
- AFCEC0
≈ Watershed
- ADCBD9
≈ Sailing on the Bay
Dörtlü +90° +180° +270°
- DDBCBC
Fizzing Whizbees
- C7C8AC
≈ Desert Hot Springs
- AACDCE
≈ Baroque Chalk Soft Blue
- C3C2DD
≈ Ice Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.75:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.99:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 11.99:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--fizzing-whizbees: #ddbcbc;
--fizzing-whizbees-rgb: 221 188 188;
--fizzing-whizbees-oklch: oklch(0.824 0.038 17.9);
}
.element {
color: var(--fizzing-whizbees);
background-color: hsl(0 33% 80%);
border-color: oklch(0.824 0.038 17.9);
}Tailwind CSS v4
@theme {
--color-fizzing-whizbees: #ddbcbc;
--color-fizzing-whizbees-50: #fff1f1;
--color-fizzing-whizbees-100: #f4e3e3;
--color-fizzing-whizbees-200: #e4cecd;
--color-fizzing-whizbees-300: #cab0af;
--color-fizzing-whizbees-400: #b49696;
--color-fizzing-whizbees-500: #9e7c7d;
--color-fizzing-whizbees-600: #86696a;
--color-fizzing-whizbees-700: #6b5454;
--color-fizzing-whizbees-800: #4f3d3e;
--color-fizzing-whizbees-900: #372a2b;
--color-fizzing-whizbees-950: #221818;
}SCSS
$fizzing-whizbees: #ddbcbc;
$fizzing-whizbees-rgb: 221, 188, 188;
$fizzing-whizbees-light: mix(#fff, $fizzing-whizbees, 20%);
$fizzing-whizbees-dark: mix(#000, $fizzing-whizbees, 20%);
.element {
color: $fizzing-whizbees;
box-shadow: 0 0 0 2px rgba($fizzing-whizbees, 0.35);
}