Nazwany kolor · #FAE4CE
Full Cream
Full Cream to #FAE4CE: rgb(250 228 206), hsl(30 81% 89%), oklch(0.931 0.038 67.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Full Cream color name →
#FAE4CE
oklch(0.931 0.038 67.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBE7D3
- FBE9D8
- FCECDD
- FCEFE2
- FDF2E6
- FDF4EB
- FEF7F0
- FEFAF5
- FFFCFA
Odcienie ciemniejsze
- D9C6B3
- BAA998
- 9B8D7F
- 7D7266
- 61584E
- 463F38
- 2D2823
- 15120F
- 030302
Tony
- EDDAC6
- E1CFBE
- D4C5B6
- C8BBAE
- BBB1A6
- AFA79F
- A39D97
- 97938F
- 8C8A88
Harmonie kolorów
Komplementarna +180°
- FAE4CE
Full Cream
- D6EBFF
≈ Veiling Waterfalls
Analogowa -30° +30°
- FAE4CE
Full Cream
- FFE1D7
≈ Peach Cloud
- EFE9CD
≈ Crescent Moon
Triada +120° +240°
- FAE4CE
Full Cream
- CDF1EC
≈ Teal Ice
- EFE2FD
≈ Minute Mauve
Komplementarna rozszczepiona +150° +210°
- FAE4CE
Full Cream
- CDEFF9
≈ Blue Hijab
- E2E7FF
≈ Lavender Mist
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.23:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.05:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
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);
}