Benannte Farbe · #DEC3C9
Bunny Pink
Bunny Pink ist #DEC3C9: rgb(222 195 201), hsl(347 29% 82%), oklch(0.842 0.032 2.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Bunny Pink color name →
#DEC3C9
oklch(0.842 0.032 2.7)
Farbumrechnungen
- HEX
- #dec3c9
- RGB
- rgb(222 195 201)
- HSL
- hsl(347 29% 82%)
- HWB
- hwb(347 76% 13%)
- OKLCH
- oklch(0.842 0.032 2.7)
- OKLab
- oklab(0.842 0.031 0.001)
- CIE Lab
- lab(81.24 10.59 0.68)
- LCH
- lch(81.24 10.61 3.7)
- CMYK
- cmyk(0% 12% 9% 13%)
Tints · Shades · Tones
Tints
- E1C9CE
- E5CFD4
- E8D5D9
- EBDBDE
- EFE1E4
- F2E7E9
- F5EDEF
- F9F3F4
- FCF9F9
Shades
- C1A9AE
- A59095
- 89787C
- 6F6064
- 554A4C
- 3D3436
- 262022
- 120E0F
- 020202
Tones
- D4BCC1
- CBB5BA
- C1AEB2
- B7A8AB
- AEA1A4
- A59A9C
- 9B9495
- 928D8E
- 898687
Farbharmonien
Komplementär +180°
- DEC3C9
Bunny Pink
- B6D2CD
≈ Malaysian Mist
Analog -30° +30°
- DEC3C9
Bunny Pink
- D8C4D4
≈ Fragrant Snowbell
- DFC4BE
≈ Golden Guernsey
Triadisch +120° +240°
- DEC3C9
Bunny Pink
- C7CFB8
≈ Sweet Surrender
- BACEDE
≈ Impressionist Sky
Geteilt komplementär +150° +210°
- DEC3C9
Bunny Pink
- BCD1C1
≈ Spray of Mint
- B5D1D7
≈ Subtle Breeze
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.75:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--bunny-pink: #dec3c9;
--bunny-pink-rgb: 222 195 201;
--bunny-pink-oklch: oklch(0.842 0.032 2.7);
}
.element {
color: var(--bunny-pink);
background-color: hsl(347 29% 82%);
border-color: oklch(0.842 0.032 2.7);
}Tailwind CSS v4
@theme {
--color-bunny-pink: #dec3c9;
--color-bunny-pink-50: #fef2f4;
--color-bunny-pink-100: #f2e4e6;
--color-bunny-pink-200: #e1cfd2;
--color-bunny-pink-300: #c6b1b5;
--color-bunny-pink-400: #af979d;
--color-bunny-pink-500: #997e84;
--color-bunny-pink-600: #816b70;
--color-bunny-pink-700: #685559;
--color-bunny-pink-800: #4c3e42;
--color-bunny-pink-900: #352b2d;
--color-bunny-pink-950: #20181a;
}SCSS
$bunny-pink: #dec3c9;
$bunny-pink-rgb: 222, 195, 201;
$bunny-pink-light: mix(#fff, $bunny-pink, 20%);
$bunny-pink-dark: mix(#000, $bunny-pink, 20%);
.element {
color: $bunny-pink;
box-shadow: 0 0 0 2px rgba($bunny-pink, 0.35);
}