Benoemde kleur · #FAE4CE
Full Cream
Full Cream is #FAE4CE: rgb(250 228 206), hsl(30 81% 89%), oklch(0.931 0.038 67.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Full Cream color name →
#FAE4CE
oklch(0.931 0.038 67.3)
Kleurconversies
- HEX
- #fae4ce
- RGB
- rgb(250 228 206)
- HSL
- hsl(30 81% 89%)
- HWB
- hwb(30 81% 2%)
- OKLCH
- oklch(0.931 0.038 67.3)
- OKLab
- oklab(0.931 0.015 0.035)
- CIE Lab
- lab(91.97 5.23 13.65)
- LCH
- lch(91.97 14.62 69.1)
- CMYK
- cmyk(0% 9% 18% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FBE7D3
- FBE9D8
- FCECDD
- FCEFE2
- FDF2E6
- FDF4EB
- FEF7F0
- FEFAF5
- FFFCFA
Schaduwen
- D9C6B3
- BAA998
- 9B8D7F
- 7D7266
- 61584E
- 463F38
- 2D2823
- 15120F
- 030302
Tonen
- EDDAC6
- E1CFBE
- D4C5B6
- C8BBAE
- BBB1A6
- AFA79F
- A39D97
- 97938F
- 8C8A88
Kleurharmonieën
Complementair +180°
- FAE4CE
Full Cream
- D6EBFF
≈ Veiling Waterfalls
Analoog -30° +30°
- FAE4CE
Full Cream
- FFE1D7
≈ Peach Cloud
- EFE9CD
≈ Crescent Moon
Triadisch +120° +240°
- FAE4CE
Full Cream
- CDF1EC
≈ Teal Ice
- EFE2FD
≈ Minute Mauve
Gesplitst complementair +150° +210°
- FAE4CE
Full Cream
- CDEFF9
≈ Blue Hijab
- E2E7FF
≈ Lavender Mist
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.23:1 · APCA Lc 11
Ag
AAAOp zwart
WCAG 17.05:1 · APCA Lc 93
Beste tekstkleur: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
Codefragmenten
CSS
:root {
--full-cream: #fae4ce;
--full-cream-rgb: 250 228 206;
--full-cream-oklch: oklch(0.931 0.038 67.3);
}
.element {
color: var(--full-cream);
background-color: hsl(30 81% 89%);
border-color: oklch(0.931 0.038 67.3);
}Tailwind CSS v4
@theme {
--color-full-cream: #fae4ce;
--color-full-cream-50: #fdf3ea;
--color-full-cream-100: #f0e6db;
--color-full-cream-200: #dfd2c3;
--color-full-cream-300: #c5b4a3;
--color-full-cream-400: #ae9b87;
--color-full-cream-500: #98826c;
--color-full-cream-600: #806e5b;
--color-full-cream-700: #675849;
--color-full-cream-800: #4c4035;
--color-full-cream-900: #352c24;
--color-full-cream-950: #201913;
}SCSS
$full-cream: #fae4ce;
$full-cream-rgb: 250, 228, 206;
$full-cream-light: mix(#fff, $full-cream, 20%);
$full-cream-dark: mix(#000, $full-cream, 20%);
.element {
color: $full-cream;
box-shadow: 0 0 0 2px rgba($full-cream, 0.35);
}