Nazwany kolor · #F6E3D4
Almond Kiss
Almond Kiss to #F6E3D4: rgb(246 227 212), hsl(26 65% 90%), oklch(0.927 0.029 60.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Almond Kiss color name →
#F6E3D4
oklch(0.927 0.029 60.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7E6D8
- F8E9DD
- F9EBE1
- FAEEE5
- FBF1E9
- FCF4EE
- FCF7F2
- FDF9F6
- FEFCFB
Odcienie ciemniejsze
- D6C5B8
- B7A89D
- 988C83
- 7B7169
- 5F5751
- 453F3A
- 2C2724
- 151210
- 030302
Tony
- EAD9CB
- DDCEC3
- D1C4BA
- C5BAB2
- B9B0A9
- AEA6A1
- A29D98
- 969390
- 8B8988
Harmonie kolorów
Komplementarna +180°
- F6E3D4
Almond Kiss
- D7EAF9
≈ Cloudless
Analogowa -30° +30°
- F6E3D4
Almond Kiss
- FAE0DB
≈ Pink Shimmer
- EEE7D2
≈ Instant Relief
Triada +120° +240°
- F6E3D4
Almond Kiss
- D3EEE8
≈ Cascade
- EAE3F8
≈ Lavender Mist
Komplementarna rozszczepiona +150° +210°
- F6E3D4
Almond Kiss
- D2EDF2
≈ Blue Emulsion
- DFE6FB
≈ Lavender Mist
Tetrada +90° +180° +270°
- F6E3D4
Almond Kiss
- DAEDDD
≈ Cottage Green
- D7EAF9
≈ Cloudless
- F3E0F0
≈ Sheer Lavender
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.24:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.85:1 · APCA Lc 92
Najlepszy kolor tekstu: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
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);
}