Cor nomeada · #DDBCBC
Fizzing Whizbees
Fizzing Whizbees é #DDBCBC: rgb(221 188 188), hsl(0 33% 80%), oklch(0.824 0.038 17.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Fizzing Whizbees color name →
#DDBCBC
oklch(0.824 0.038 17.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- E1C3C3
- E4C9C9
- E7D0D0
- EBD6D6
- EEDDDD
- F2E4E4
- F5EBEB
- F8F1F1
- FCF8F8
Sombras
- C0A3A3
- A48B8B
- 887373
- 6E5D5D
- 554747
- 3D3232
- 261F1F
- 110D0D
- 020202
Tons
- D3B6B6
- CAB0B0
- C0AAAA
- B7A4A4
- AE9E9D
- A49898
- 9B9292
- 928C8C
- 898686
Harmonias de cor
Complementar +180°
- DDBCBC
Fizzing Whizbees
- AACDCE
≈ Baroque Chalk Soft Blue
Análoga -30° +30°
- DDBCBC
Fizzing Whizbees
- D9BCCA
≈ Fragrant Orchid
- DBBFB1
≈ One to Remember
Tríade +120° +240°
- DDBCBC
Fizzing Whizbees
- BACCB4
≈ Isle of Dreams
- B6C7DE
≈ Retina Soft Blue
Complementar dividida +150° +210°
- DDBCBC
Fizzing Whizbees
- AFCEC0
≈ Watershed
- ADCBD9
≈ Sailing on the Bay
Tétrade +90° +180° +270°
- DDBCBC
Fizzing Whizbees
- C7C8AC
≈ Desert Hot Springs
- AACDCE
≈ Baroque Chalk Soft Blue
- C3C2DD
≈ Ice Mauve
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.75:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 11.99:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 11.99:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
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);
}