Colore con nome · #C7BFC3
Easter Rabbit
Easter Rabbit è #C7BFC3: rgb(199 191 195), hsl(330 7% 76%), oklch(0.812 0.01 345.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Easter Rabbit color name →
#C7BFC3
oklch(0.812 0.01 345.5)
Conversioni di colore
- HEX
- #c7bfc3
- RGB
- rgb(199 191 195)
- HSL
- hsl(330 7% 76%)
- HWB
- hwb(330 75% 22%)
- OKLCH
- oklch(0.812 0.01 345.5)
- OKLab
- oklab(0.812 0.01 -0.003)
- CIE Lab
- lab(78.09 3.44 -0.97)
- LCH
- lch(78.09 3.57 344.3)
- CMYK
- cmyk(0% 4% 2% 22%)
Tinte · Ombre · Toni
Tinte
- CCC5C9
- D2CCCF
- D8D2D5
- DDD8DB
- E3DFE1
- E8E5E7
- EEEBED
- F4F2F3
- F9F8F9
Ombre
- ADA6A9
- 938D90
- 7A7578
- 625E60
- 4C484A
- 363334
- 211F20
- 0E0D0E
- 020202
Toni
- C0B9BC
- B8B2B5
- B1ACAE
- AAA5A8
- A39FA1
- 9C999A
- 959294
- 8E8C8D
- 878686
Armonie di colore
Complementare +180°
- C7BFC3
Easter Rabbit
- BCC4C0
≈ Pewter Tray
Analogo -30° +30°
- C7BFC3
Easter Rabbit
- C4C0C6
≈ Whisper Soft
- C8BFBF
≈ Nantucket Mist
Triadico +120° +240°
- C7BFC3
Easter Rabbit
- C2C2BA
≈ Gull Feather
- BBC3C7
≈ Metallic
Complementare divisa +150° +210°
- C7BFC3
Easter Rabbit
- BFC3BD
≈ Silver Tipped Sage
- BAC4C4
≈ Silver Whiskers
Tetradico +90° +180° +270°
- C7BFC3
Easter Rabbit
- C6C1BA
≈ Taupe White
- BCC4C0
≈ Pewter Tray
- BDC2C8
≈ Metallic
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.66:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--easter-rabbit: #c7bfc3;
--easter-rabbit-rgb: 199 191 195;
--easter-rabbit-oklch: oklch(0.812 0.01 345.5);
}
.element {
color: var(--easter-rabbit);
background-color: hsl(330 7% 76%);
border-color: oklch(0.812 0.01 345.5);
}Tailwind CSS v4
@theme {
--color-easter-rabbit: #c7bfc3;
--color-easter-rabbit-50: #f8f4f6;
--color-easter-rabbit-100: #ebe6e8;
--color-easter-rabbit-200: #d8d2d5;
--color-easter-rabbit-300: #bcb5b8;
--color-easter-rabbit-400: #a39ca0;
--color-easter-rabbit-500: #8c8388;
--color-easter-rabbit-600: #766f73;
--color-easter-rabbit-700: #5f595c;
--color-easter-rabbit-800: #454143;
--color-easter-rabbit-900: #302d2e;
--color-easter-rabbit-950: #1c1a1b;
}SCSS
$easter-rabbit: #c7bfc3;
$easter-rabbit-rgb: 199, 191, 195;
$easter-rabbit-light: mix(#fff, $easter-rabbit, 20%);
$easter-rabbit-dark: mix(#000, $easter-rabbit, 20%);
.element {
color: $easter-rabbit;
box-shadow: 0 0 0 2px rgba($easter-rabbit, 0.35);
}