Named color · #FFFCE3
Fioletowy Beige
Fioletowy Beige is #FFFCE3: rgb(255 252 227), hsl(54 100% 95%), oklch(0.987 0.033 101.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Fioletowy Beige color name →
#FFFCE3
oklch(0.987 0.033 101.4)
Color conversions
- HEX
- #fffce3
- RGB
- rgb(255 252 227)
- HSL
- hsl(54 100% 95%)
- HWB
- hwb(54 89% 0%)
- OKLCH
- oklch(0.987 0.033 101.4)
- OKLab
- oklab(0.987 -0.006 0.032)
- CIE Lab
- lab(98.71 -2.04 12.4)
- LCH
- lch(98.71 12.57 99.3)
- CMYK
- cmyk(0% 1% 11% 0%)
Tints · Shades · Tones
Tints
- FFFCE6
- FFFDE9
- FFFDEB
- FFFDEE
- FFFEF1
- FFFEF4
- FFFEF7
- FFFEF9
- FFFFFC
Shades
- DEDBC5
- BEBBA8
- 9E9C8C
- 807E71
- 636257
- 48473F
- 2E2D27
- 161612
- 030303
Tones
- F2EFD9
- E4E2CE
- D7D5C4
- CAC9BA
- BDBCB0
- B1B0A6
- A4A49D
- 989893
- 8C8C89
Color harmonies
Complementary +180°
- FFFCE3
Fioletowy Beige
- FAFAFF
≈ Wash Me
Analogous -30° +30°
- FFFCE3
Fioletowy Beige
- FFFAF4
≈ Sugar Milk
- F4FFEC
≈ Milk Foam
Triadic +120° +240°
- FFFCE3
Fioletowy Beige
- F5FCFF
≈ Heart of Ice
- FFF9FC
≈ Snowman
Split-complementary +150° +210°
- FFFCE3
Fioletowy Beige
- F8FBFF
≈ Heart of Ice
- FDF9FF
≈ Cold Snow
Tetradic +90° +180° +270°
- FFFCE3
Fioletowy Beige
- EEFFFE
≈ Aphrodite’s Pearls
- FAFAFF
≈ Wash Me
- FFF9F9
≈ Snow
Contrast & accessibility
Ag
FailOn white
WCAG 1.03:1 · APCA Lc 0
Ag
AAAOn black
WCAG 20.28:1 · APCA Lc 105
Best text color: #000000
WCAG 20.28:1 (AAA) · APCA Lc 105
Contrast pairs
Code snippets
CSS
:root {
--fioletowy-beige: #fffce3;
--fioletowy-beige-rgb: 255 252 227;
--fioletowy-beige-oklch: oklch(0.987 0.033 101.4);
}
.element {
color: var(--fioletowy-beige);
background-color: hsl(54 100% 95%);
border-color: oklch(0.987 0.033 101.4);
}Tailwind CSS v4
@theme {
--color-fioletowy-beige: #fffce3;
--color-fioletowy-beige-50: #f6f6eb;
--color-fioletowy-beige-100: #e9e9dc;
--color-fioletowy-beige-200: #d6d5c5;
--color-fioletowy-beige-300: #bab8a6;
--color-fioletowy-beige-400: #a29f89;
--color-fioletowy-beige-500: #8a876e;
--color-fioletowy-beige-600: #75725e;
--color-fioletowy-beige-700: #5e5c4b;
--color-fioletowy-beige-800: #454336;
--color-fioletowy-beige-900: #302e25;
--color-fioletowy-beige-950: #1c1b13;
}SCSS
$fioletowy-beige: #fffce3;
$fioletowy-beige-rgb: 255, 252, 227;
$fioletowy-beige-light: mix(#fff, $fioletowy-beige, 20%);
$fioletowy-beige-dark: mix(#000, $fioletowy-beige, 20%);
.element {
color: $fioletowy-beige;
box-shadow: 0 0 0 2px rgba($fioletowy-beige, 0.35);
}