Dichtstbijzijnde benoemde kleur · #F8E1DE
#F8E1DE
Dichtstbijzijnde benoemde kleur: Tutu
#F8E1DE (rgb(248 225 222), hsl(7 65% 92%), oklch(0.928 0.026 26.5)) komt het dichtst bij de benoemde kleur Tutu. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#F8E1DE
oklch(0.928 0.026 26.5)
Kleurconversies
- HEX
- #f8e1de
- RGB
- rgb(248 225 222)
- HSL
- hsl(7 65% 92%)
- HWB
- hwb(7 87% 3%)
- OKLCH
- oklch(0.928 0.026 26.5)
- OKLab
- oklab(0.928 0.023 0.011)
- CIE Lab
- lab(91.37 7.79 4.49)
- LCH
- lch(91.37 8.99 30)
- CMYK
- cmyk(0% 9% 10% 3%)
Tinten · Schaduwen · Tonen
Tinten
- F9E4E1
- FAE7E5
- FAEAE8
- FBEDEB
- FCF0EE
- FCF3F2
- FDF6F5
- FEF9F8
- FEFCFC
Schaduwen
- D8C4C1
- B8A7A5
- 9A8B89
- 7C706F
- 605655
- 453E3D
- 2C2726
- 151212
- 030202
Tonen
- EBD7D4
- DFCDCA
- D3C3C1
- C6B9B7
- BAAFAE
- AEA6A4
- A39C9B
- 979392
- 8B8989
Kleurharmonieën
Complementair +180°
- F8E1DE
Tutu
- D4ECF0
≈ Sparkling River
Analoog -30° +30°
- F8E1DE
Tutu
- F6E0E7
≈ Pork Belly
- F5E3D7
≈ Island Hopping
Triadisch +120° +240°
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOp zwart
WCAG 16.81:1 · APCA Lc 92
Beste tekstkleur: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--tutu: #f8e1de;
--tutu-rgb: 248 225 222;
--tutu-oklch: oklch(0.928 0.026 26.5);
}
.element {
color: var(--tutu);
background-color: hsl(7 65% 92%);
border-color: oklch(0.928 0.026 26.5);
}Tailwind CSS v4
@theme {
--color-tutu: #f8e1de;
--color-tutu-50: #fcf3f1;
--color-tutu-100: #f0e5e3;
--color-tutu-200: #dfd0ce;
--color-tutu-300: #c4b3b0;
--color-tutu-400: #ad9996;
--color-tutu-500: #97807d;
--color-tutu-600: #7f6c6a;
--color-tutu-700: #665755;
--color-tutu-800: #4b3f3e;
--color-tutu-900: #342b2b;
--color-tutu-950: #1f1918;
}SCSS
$tutu: #f8e1de;
$tutu-rgb: 248, 225, 222;
$tutu-light: mix(#fff, $tutu, 20%);
$tutu-dark: mix(#000, $tutu, 20%);
.element {
color: $tutu;
box-shadow: 0 0 0 2px rgba($tutu, 0.35);
}