Colore con nome · #F6E3D4
Almond Kiss
Almond Kiss è #F6E3D4: rgb(246 227 212), hsl(26 65% 90%), oklch(0.927 0.029 60.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Almond Kiss color name →
#F6E3D4
oklch(0.927 0.029 60.8)
Conversioni di colore
- HEX
- #f6e3d4
- RGB
- rgb(246 227 212)
- HSL
- hsl(26 65% 90%)
- HWB
- hwb(26 83% 4%)
- OKLCH
- oklch(0.927 0.029 60.8)
- OKLab
- oklab(0.927 0.014 0.025)
- CIE Lab
- lab(91.49 4.92 9.82)
- LCH
- lch(91.49 10.98 63.4)
- CMYK
- cmyk(0% 8% 14% 4%)
Tinte · Ombre · Toni
Tinte
- F7E6D8
- F8E9DD
- F9EBE1
- FAEEE5
- FBF1E9
- FCF4EE
- FCF7F2
- FDF9F6
- FEFCFB
Ombre
- D6C5B8
- B7A89D
- 988C83
- 7B7169
- 5F5751
- 453F3A
- 2C2724
- 151210
- 030302
Toni
- EAD9CB
- DDCEC3
- D1C4BA
- C5BAB2
- B9B0A9
- AEA6A1
- A29D98
- 969390
- 8B8988
Armonie di colore
Complementare +180°
- F6E3D4
Almond Kiss
- D7EAF9
≈ Cloudless
Analogo -30° +30°
- F6E3D4
Almond Kiss
- FAE0DB
≈ Pink Shimmer
- EEE7D2
≈ Instant Relief
Triadico +120° +240°
- F6E3D4
Almond Kiss
- D3EEE8
≈ Cascade
- EAE3F8
≈ Lavender Mist
Complementare divisa +150° +210°
- F6E3D4
Almond Kiss
- D2EDF2
≈ Blue Emulsion
- DFE6FB
≈ Lavender Mist
Tetradico +90° +180° +270°
- F6E3D4
Almond Kiss
- DAEDDD
≈ Cottage Green
- D7EAF9
≈ Cloudless
- F3E0F0
≈ Sheer Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.85:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--almond-kiss: #f6e3d4;
--almond-kiss-rgb: 246 227 212;
--almond-kiss-oklch: oklch(0.927 0.029 60.8);
}
.element {
color: var(--almond-kiss);
background-color: hsl(26 65% 90%);
border-color: oklch(0.927 0.029 60.8);
}Tailwind CSS v4
@theme {
--color-almond-kiss: #f6e3d4;
--color-almond-kiss-50: #fbf4ed;
--color-almond-kiss-100: #efe6de;
--color-almond-kiss-200: #ded2c8;
--color-almond-kiss-300: #c3b5a9;
--color-almond-kiss-400: #ac9b8e;
--color-almond-kiss-500: #958273;
--color-almond-kiss-600: #7e6e62;
--color-almond-kiss-700: #65584e;
--color-almond-kiss-800: #4a4039;
--color-almond-kiss-900: #342c27;
--color-almond-kiss-950: #1f1915;
}SCSS
$almond-kiss: #f6e3d4;
$almond-kiss-rgb: 246, 227, 212;
$almond-kiss-light: mix(#fff, $almond-kiss, 20%);
$almond-kiss-dark: mix(#000, $almond-kiss, 20%);
.element {
color: $almond-kiss;
box-shadow: 0 0 0 2px rgba($almond-kiss, 0.35);
}