Colore con nome · #D7DFD6
Secret Crush
Secret Crush è #D7DFD6: rgb(215 223 214), hsl(113 12% 86%), oklch(0.895 0.015 142.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Secret Crush color name →
#D7DFD6
oklch(0.895 0.015 142.2)
Conversioni di colore
- HEX
- #d7dfd6
- RGB
- rgb(215 223 214)
- HSL
- hsl(113 12% 86%)
- HWB
- hwb(113 84% 13%)
- OKLCH
- oklch(0.895 0.015 142.2)
- OKLab
- oklab(0.895 -0.012 0.009)
- CIE Lab
- lab(88.01 -4.01 3.44)
- LCH
- lch(88.01 5.28 139.4)
- CMYK
- cmyk(4% 0% 4% 13%)
Tinte · Ombre · Toni
Tinte
- DBE2DA
- DFE5DE
- E3E9E2
- E7ECE6
- EBEFEA
- EFF2EE
- F3F5F3
- F7F9F7
- FBFCFB
Ombre
- BBC2BA
- 9FA59E
- 858A84
- 6B6F6A
- 525652
- 3B3D3B
- 252725
- 111210
- 020202
Toni
- CED5CD
- C5CBC4
- BCC2BB
- B3B8B3
- AAAEAA
- A2A5A1
- 999B99
- 919291
- 888988
Armonie di colore
Complementare +180°
- D7DFD6
Secret Crush
- E1D9E2
≈ Inspired Lilac
Analogo -30° +30°
- D7DFD6
Secret Crush
- DCDED2
≈ Gulf Breeze
- D3E0DB
≈ Spring Mist
Triadico +120° +240°
- D7DFD6
Secret Crush
- D7DDE7
≈ Wishful Blue
- E6D9D8
≈ Moxie
Complementare divisa +150° +210°
- D7DFD6
Secret Crush
- DCDBE6
≈ Pale Orchid
- E5D9DD
≈ Faded Firebrick
Tetradico +90° +180° +270°
- D7DFD6
Secret Crush
- D3DEE5
≈ A Dime a Dozen
- E1D9E2
≈ Inspired Lilac
- E5DAD4
≈ Hush White
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.41:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--secret-crush: #d7dfd6;
--secret-crush-rgb: 215 223 214;
--secret-crush-oklch: oklch(0.895 0.015 142.2);
}
.element {
color: var(--secret-crush);
background-color: hsl(113 12% 86%);
border-color: oklch(0.895 0.015 142.2);
}Tailwind CSS v4
@theme {
--color-secret-crush: #d7dfd6;
--color-secret-crush-50: #f3f6f2;
--color-secret-crush-100: #e5e9e5;
--color-secret-crush-200: #d0d6d0;
--color-secret-crush-300: #b3b9b3;
--color-secret-crush-400: #9aa199;
--color-secret-crush-500: #818980;
--color-secret-crush-600: #6d746c;
--color-secret-crush-700: #575d56;
--color-secret-crush-800: #40443f;
--color-secret-crush-900: #2c2f2b;
--color-secret-crush-950: #191b19;
}SCSS
$secret-crush: #d7dfd6;
$secret-crush-rgb: 215, 223, 214;
$secret-crush-light: mix(#fff, $secret-crush, 20%);
$secret-crush-dark: mix(#000, $secret-crush, 20%);
.element {
color: $secret-crush;
box-shadow: 0 0 0 2px rgba($secret-crush, 0.35);
}