Warna bernama · #FAE4CE
Full Cream
Full Cream adalah #FAE4CE: rgb(250 228 206), hsl(30 81% 89%), oklch(0.931 0.038 67.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Full Cream color name →
#FAE4CE
oklch(0.931 0.038 67.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FBE7D3
- FBE9D8
- FCECDD
- FCEFE2
- FDF2E6
- FDF4EB
- FEF7F0
- FEFAF5
- FFFCFA
Shade
- D9C6B3
- BAA998
- 9B8D7F
- 7D7266
- 61584E
- 463F38
- 2D2823
- 15120F
- 030302
Tone
- EDDAC6
- E1CFBE
- D4C5B6
- C8BBAE
- BBB1A6
- AFA79F
- A39D97
- 97938F
- 8C8A88
Harmoni warna
Komplementer +180°
- FAE4CE
Full Cream
- D6EBFF
≈ Veiling Waterfalls
Analog -30° +30°
- FAE4CE
Full Cream
- FFE1D7
≈ Peach Cloud
- EFE9CD
≈ Crescent Moon
Triadik +120° +240°
- FAE4CE
Full Cream
- CDF1EC
≈ Teal Ice
- EFE2FD
≈ Minute Mauve
Split-komplementer +150° +210°
- FAE4CE
Full Cream
- CDEFF9
≈ Blue Hijab
- E2E7FF
≈ Lavender Mist
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.23:1 · APCA Lc 11
Ag
AAADi atas hitam
WCAG 17.05:1 · APCA Lc 93
Warna teks terbaik: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
Cuplikan kode
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);
}