Colore con nome · #F9EBC5
White Currant
White Currant è #F9EBC5: rgb(249 235 197), hsl(44 81% 87%), oklch(0.942 0.052 90.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · White Currant color name →
#F9EBC5
oklch(0.942 0.052 90.2)
Conversioni di colore
- HEX
- #f9ebc5
- RGB
- rgb(249 235 197)
- HSL
- hsl(44 81% 87%)
- HWB
- hwb(44 77% 2%)
- OKLCH
- oklch(0.942 0.052 90.2)
- OKLab
- oklab(0.942 0 0.052)
- CIE Lab
- lab(93.46 0.54 20.32)
- LCH
- lch(93.46 20.33 88.5)
- CMYK
- cmyk(0% 6% 21% 2%)
Tinte · Ombre · Toni
Tinte
- FAEDCB
- FAEFD1
- FBF1D7
- FBF3DC
- FCF5E2
- FDF7E8
- FDF9EE
- FEFBF4
- FEFDF9
Ombre
- D9CCAB
- B9AE92
- 9A9179
- 7D7561
- 615B4B
- 464135
- 2C2921
- 15130E
- 030302
Toni
- ECE0BE
- E0D5B7
- D3CAB0
- C7BFA9
- BBB4A2
- AFA99B
- A39F94
- 97948E
- 8B8A87
Armonie di colore
Complementare +180°
- F9EBC5
White Currant
- E4EBFF
≈ Icy Lilac
Analogo -30° +30°
- F9EBC5
White Currant
- FFE7D4
≈ Mood Lighting
- E7F2CB
≈ Light of New Hope
Triadico +120° +240°
- F9EBC5
White Currant
- C5F6FF
≈ Pale Sky
- FFE1FB
≈ Fairy Salt
Complementare divisa +150° +210°
- F9EBC5
White Currant
- DAEFFF
≈ Calcareous Sinter
- EFE7FF
≈ Bright Dusk
Tetradico +90° +180° +270°
- F9EBC5
White Currant
- C7F8ED
≈ Shallow End
- E4EBFF
≈ Icy Lilac
- FFE3EB
≈ Early Blossom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.71:1 · APCA Lc 95
Miglior colore del testo: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--white-currant: #f9ebc5;
--white-currant-rgb: 249 235 197;
--white-currant-oklch: oklch(0.942 0.052 90.2);
}
.element {
color: var(--white-currant);
background-color: hsl(44 81% 87%);
border-color: oklch(0.942 0.052 90.2);
}Tailwind CSS v4
@theme {
--color-white-currant: #f9ebc5;
--color-white-currant-50: #faf5e5;
--color-white-currant-100: #eee8d5;
--color-white-currant-200: #dcd4bc;
--color-white-currant-300: #c1b79a;
--color-white-currant-400: #aa9e7c;
--color-white-currant-500: #93855e;
--color-white-currant-600: #7d7150;
--color-white-currant-700: #645a40;
--color-white-currant-800: #4a422e;
--color-white-currant-900: #332d1f;
--color-white-currant-950: #1f1a0f;
}SCSS
$white-currant: #f9ebc5;
$white-currant-rgb: 249, 235, 197;
$white-currant-light: mix(#fff, $white-currant, 20%);
$white-currant-dark: mix(#000, $white-currant, 20%);
.element {
color: $white-currant;
box-shadow: 0 0 0 2px rgba($white-currant, 0.35);
}